Cara pasang multi sidebar di blog

Cara pasang multi sidebar di blog

  07:44:00    Seoke.com

---

photo by www.arlinadzgn.com

Assalamualaikum.wr.wr

      selamat malam kawan seoke.com sedikit berbagi tentang bagai mana cara memasang multi sidebar yang gampang dan gak ribet,di seoke.com akan berbagi sedikit ilmu yaaaaaa meski udah sedikit jadul alias basi untuk para master bloger yang telah lama berkecimpung di dunia blog,tapi apa salanya kita saling ber bagi kita langsung kecaranya

pertama kalian masuk dulu ke  BLOGGER kawan
setelah itu kalian pilih TEMPLATE > HTML
 Cari kode  ]]></b:skin> atau </style>
pasang kode di bawah ini tepat di atas kode  ]]></b:skin> atau </style> 

/* 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}

Setelah itu kalian cari kode </body>  
pasang di atas kode di atasnya

<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>

dan yang terakhir kalian cari kode <div id='sidebar-wrapper'>

<div class='multitab-section'> <ul class='multitab-widget multitab-widget-content-tabs-id'> <li class='multitab-tab'><a href='#multicolumn-widget-id1'>Popular post</a></li> <li class='multitab-tab'><a href='#multicolumn-widget-id2'>label</a></li> <li class='multitab-tab'><a href='#multicolumn-widget-id3'>advertiser</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>

dan yang terakhir peratinjau terlebih dahulu.do takutkan tidak cocock dengan template blog kalian dan selesi

mungkin demikian dulu tentang cara pasang multi sidebar di blog

dan saya ucapkan terima kasih telah berkunjung di blognya seoke.com bila punya keluhan atau saran silahkan tinggalkan di komentar..

Share

Like

G+

Tweet

Tweet

Ditulis Oleh : Seoke.com Blogger

Terima kasih telah berkunjung di Cara pasang multi sidebar di blog.Silahkan kalian masukan mail kalian untuk berlangganan lewat mail tentang artikel terbaru dari SEOKE.COM.

Subscribe To Email!