Cara Pasang Widget Tabbed Content untuk Blogger dengan Mudah

SALAM SEJAHTERA !!!Jumpa lagi teman2 blogger, Sudah lama saya tidak buka blog ini, itu semua karena saya lagi sibuk nyusun skripsi, jadi syukurlah semuanya udah selesai :) Kali ini saya terinspirasi dengan cara pasang widget tabbed content untuk blogger ketika saya mau membuat menu untuk TV Online. Pemasangan widget ini sangat sederhana alias simpel atau tidak ribet karena anda cukup menambahkan widget baru (Add Widget)di halaman layout blog anda.

 Untuk memasangnya silahkan anda ikuti langkah2 sbb:  

1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).  
3. Copy script dibawah ini dan paste pada gadget.

<style type="text/css">
    .tabber {
     padding: 0px !important;
     border: 0 solid #bbb;}
    .tabber h2 {
     float: left;
     margin: 0 1px 0 0;
     font-size: 12px;
     padding: 3px 5px;
     border: 1px solid #bbb;
     margin-bottom: -1px;
     overflow: hidden;
     position: relative;
     background: #e0e0e0;
     cursor:pointer;
     -moz-border-radius:5px 5px 0 0;
     border-radius:5px 5px 0 0;}
    html .tabber h2.active {
     background: #fff;
     border-bottom: 1px solid #fff;}
    .tabber .widget-content {
     border: 1px solid #bbb;
     padding: 10px;
     background: #fff;
     clear:both;
     margin:0;}
    .codewidget, #codeholder {
     display:none; {
    </style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bloggertabs0.1_min.js"></script>
 <script type="text/javascript">
 $(document).ready(function() {
 $('#codeholder').bloggerTabber ({
 tabCount : 3 });});
</script><!-- Jangan hapus kode dibawah, agar widget bisa berfungsi --><div id='codeholder'><a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank"></a><p>Get this <a href="http://www.tutorialines.blogspot.com/2012/08/cara-pasang-widget-tabbed-content-untuk-blogger-dengan-mudah.html" target="_blank"><blink>widget</blink></a></p></div>

4. Kalau sudah di paste, silahkan anda klik SIMPAN   
5. Silahkan anda mengatur widget2 mana yang ingin di masukan, cara penambahannya cukup simple dan mudah, letakkan atau geser widget yang ingin anda tambahkan ke bawah widget tabbed content tsb. silakan lihat gambar di bawah ini:

Sangat simpel kan? Silahkan Lihat hasilnya
Happy Blogging !

thanks to Blogger Sentral