சரி இதை எப்படி வைப்பது
- முதலில் Blogger-->Template-->Edit HTML பகுதிக்கு செல்லவும்
- அங்கு ]]></b:skin> என்ற Code-ஐ தேடவும்[Use ctrl+f]
- தேடிய Code-க்கு முன்னால் பின்வரும் Code-ஐ Paste செய்யவும்
/*---- Wordpress Style VS Menu Tabs----*/
.VS-tabs{list-style:none;list-style-type:none;margin:0 0 10px 0;padding:0;height:26px}
.VS-tabs li{list-style:none;list-style-type:none;margin:0 0 0 4px;padding:0;float:left}
.VS-tabs li:first-child{margin:0}
.VS-tabs li a{color:#fff;background:#fffff;padding:5px 5px;display:block;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif;}
.VS-tabs li a:hover,.VS-tabs li a.VS-tabs-current{background:#378AE2;color:#fff;text-decoration:none}
.VS-tabs-content{background:#fffff}
.VS-tabviewsection{margin-top:10px;margin-bottom:10px;}
(அந்த நிறம் எனது தளத்தில் உள்ளது போல நீல நிறத்தை குறிக்கிறது)
தேவையான நிறத்தை கண்டுபிடிக்க சுட்டி
அடுத்து செய்யவேண்டியவை
- பின்வரும் Code-ஐ தேடவும்
<div id='sidebar-wrapper'>
கண்டுபிடித்த Code-க்கு கீழே பிவரும் Code-ஐ Paste செய்யவும்
சிவப்பு நிறத்தில் உள்ளதை உங்களுக்கு ஏற்றவாறு மாற்றிக்கொள்ளவும்
<div class='VS-tabviewsection'>
<script type='text/javascript'>
jQuery(document).ready(function($){
$(".VS-tabs-content-widget-VS-id").hide();
$("ul.VS-tabs-widget-VS-id li:first a").addClass("VS-tabs-current").show();
$(".VS-tabs-content-widget-VS-id:first").show();
$("ul.VS-tabs-widget-VS-id li a").click(function() {
$("ul.VS-tabs-widget-VS-id li a").removeClass("VS-tabs-current a");
$(this).addClass("VS-tabs-current");
$(".VS-tabs-content-widget-VS-id").hide();
var activeTab = $(this).attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
<ul class='VS-tabs VS-tabs-widget-VS-id'>
<li><a href='#widget-VS-id1'>Blog archive</a></li>
<li><a href='#widget-VS-id2'>Lable</a></li>
<li><a href='#widget-VS-id3'>Popular</a></li>
</ul>
<div class='VS-tabs-content VS-tabs-content-widget-VS-id' id='widget-VS-id1'>
<b:section class='sidebar' id='sidebartab1' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
<div class='VS-tabs-content VS-tabs-content-widget-VS-id' id='widget-VS-id2'>
<b:section class='sidebar' id='sidebartab2' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
<div class='VS-tabs-content VS-tabs-content-widget-VS-id' id='widget-VS-id3'>
<b:section class='sidebar' id='sidebartab3' preferred='yes'>
</b:section>
</div>
</div>
<div style='clear:both;'/>
சிவப்பு நிறத்தில் உள்ளதை உங்களுக்கு ஏற்றவாறு மாற்றிக்கொள்ளவும்
Save Template-கொடுக்கவும்
இப்போது உங்கள் Layout பக்கத்துக்கு சென்றால் பின்வரும் படத்தை போல இருக்கும்
அதில் நீங்கள் பின்வரும் படத்தில் உள்ளது போல உங்கள் Gadjet-ஐ நிரப்பவும்
Save கொடுக்கவும்.இப்போது உங்கள் தளத்தை பார்க்கவும்.
thanks MyBloggerTricks
Share | Tweet |
|
பயனுள்ள தகவல் நண்பா....பகிர்ந்தமைக்கு நன்றி
ReplyDeleteusefull post thanku fd
ReplyDeleteஅதில் நீங்கள் பின்வரும் படத்தில் உள்ளது போல உங்கள் Gadjet-ஐ நிரப்பவும்
ReplyDeletesome error
பயனுள்ள தகவல் சதீஷ்.., பகிர்வுக்கு நன்றி ..!
ReplyDeleteNanba sathis arumaiyana gadjat mikka nandri...
ReplyDeleteபதிவர்களுக்கு மிகவும் பயன்படும் டிப்ஸ் சதீஷ்...நன்றி!
ReplyDeleteநன்றி சகோ..
ReplyDeleteநல்ல பதிவு...
ReplyDeletediv id='sidebar-wrapper ----intha code ila boss(expand gadget pani pathuta)
ReplyDeleteநண்பா உங்க தளத்தின் முகவரி கொடுக்க முடியுமா
Deleteஉங்க Template default Template-ஆ அல்லது Custom Template-ஆ
பய்னுள்ள பதிவு
ReplyDelete