Popüler Yayınlar Geçişli Gatget Alanı

 Bu eklenti ile siteniz daha az yer kaplayıp daha işlevsel bir site haline gelecektir.
Eklentiyi ekledikten sonra Yerleşim Alanınızda Gatget Eklemek için alanlar çıkacaktır.
Bu alanların ismini değiştirip istediğiniz bir Gatget Alanı ekleyebilir veya değiştirmeden kullanabilirsiniz.

Şablon>Html Düzenle kısmından Crtl+F tuşuna basıp </head> kodunu aratarak bulun.
Üstüne bu Javascript kodunu ekleyin.

<script type='text/javascript'> //<![CDATA[ // Geçişli Gatget Alanı JS kodu 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; }); }); //]]> //http://turkishtemp.blogspot.com.tr/ </script>

Javascript kodunuzu ekledikten sonra yine Crtl+F yardımı ile ]]></b:skin> kodunu aratın
Üstüne bu Css Kodunu ekleyin

/* Geçişli Gatget Alanı Css Kodu */ .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} /* http://turkishtemp.blogspot.com.tr/ */

Son olarak  Crtl+F yardımı ile  id='sidebar-wrapper' kodunu aratın
Altına bu Html Kodunu ekleyin

<!-- Geçisli Gatget Alanı Html Kodu --> <div class='multitab-section'> <ul class='multitab-widget multitab-widget-content-tabs-id'> <li class='multitab-tab'><a href='#multicolumn-widget-id1'>Populer</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> <!-- http://turkishtemp.blogspot.com.tr/ -->

Geçişli Gatget Alanı Eklentisi ile daha verimli bloglar oluşturmanız temennisi ile
İyi Yayınlar...

Temalar Nasıl İndirilir ?