Blogger Çoklu Sekme Kenar Çubuğu

 Merhabalar, bu yazımda blogunda fazlalığı sevmeyenler için çoklu sekme kenar çubuğunu paylaşacağım. Bu eklentiyi ekleyerek tek bölümde 3 sekme sahibi olacaksınız.

 Blogger'a giriş yapın. Tema>Html'yi Düzenle adımlarını izleyerek blogunuzun kaynak kodlarına ulaşın. Ctrl+F yardımı ile  ]]></b:skin> kodunu aratın ve bir satır üzerine aşşağıdaki kodları ekleyin

/* Multi Tab Widget */ .multitab-section{background:#fff;text-transform:uppercase;width:100%} .multitab-widget{list-style:none;margin:0 0 10px;padding:0} .multitab-widget li{list-style:none;padding:0;margin:0;float:left} .multitab-widget li a{background:#22a1c4;color:#fff;display:block;padding:15px;font-size:13px;text-decoration:none} .multitab-tab{border:0;width:33.3%;text-align:center} .multitab-section h2,.multitab-section h3,.multitab-section h4,.multitab-section h5,.multitab-section h6 {display:none;} .multitab-widget li a.multitab-widget-current{padding-bottom:20px;margin-top:-10px;background:#fff;color:#444;text-decoration:none;border-top:5px solid #22a1c4;font-size:14px;text-transform:capitalize}

 Ardından yine aynı şekilde </body> kodunu aratın. Üzerine aşşağıdaki kodları ekleyin.

  <script type='text/javascript'>//<![CDATA[ // Multi tab widget jQuery(document).ready(function($){ $(".multitab-widget-content-widget-id").hide(); $("ul.multitab-widget-content-tabs-id li:first a").addClass("multitab-widget-current").show(); $(".multitab-widget-content-widget-id:first").show(); $("ul.multitab-widget-content-tabs-id li a").click(function() { $("ul.multitab-widget-content-tabs-id li a").removeClass("multitab-widget-current a"); $(this).addClass("multitab-widget-current"); $(".multitab-widget-content-widget-id").hide(); var activeTab = $(this).attr("href"); $(activeTab).fadeIn(); return false; }); }); //]]></script>

 Son olarak  <div id='sidebar-wrapper'> kodunu aratın ve altına aşşağıdaki kodları ekleyin.

<div class='multitab-section'><ul class='multitab-widget multitab-widget-content-tabs-id'><li class='multitab-tab'><a href='#multicolumn-widget-id1'>Popüler</a></li><li class='multitab-tab'><a href='#multicolumn-widget-id2'>Etiketler</a></li><li class='multitab-tab'><a href='#multicolumn-widget-id3'>Arşiv</a></li></ul><div class='multitab-widget-content multitab-widget-content-widget-id' id='multicolumn-widget-id1'><b:section class='sidebar' id='sidebartab1' preferred='yes'/></div><div class='multitab-widget-content multitab-widget-content-widget-id' id='multicolumn-widget-id2'><b:section class='sidebar' id='sidebartab2' preferred='yes'/></div><div class='multitab-widget-content multitab-widget-content-widget-id' id='multicolumn-widget-id3'><b:section class='sidebar' id='sidebartab3' preferred='yes'/></div></div>

 Her şey tamam şimdi temanızı kaydedip eklentiyi kontrol edebilir ve düzenliyebilirsiniz. Her hangi bir sıkıntı çıkarsa yorumlar bölümünden belirtiniz.