CARA MEMBUAT WIDGET TABVIEW KEREN TANPA EDIT HTML

Author. Dwi    On. 10:15 PM   

Blog Tips

Cara membuat widget tab view keren tanpa harus edit html, Jika anda tertarik untuk memasangnya silahkan ikuti langkah - langkah dibawah ini:

1. Berdoa dulu gan.

2. Tarik Nafasssss trus keluarkan.

3 .Login ke akun blog/situs yang anda kelola.

4. Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).

5. Copy script dibawah ini dan paste pada gadget HTML/JavaScript tadi.

 <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://diakuin.blogspot.com/2013/11/cara-membuat-widget-tabview-keren-tanpa.html" target="_blank"><blink>widget</blink></a></p></div>

6. Klik Simpan.

7. Lihat Hasilnya dan jangan lupa ucapkan Alhamdulillah.

Apabila Anda sudah menambahkan kode menu tab view di atas, maka kamu cukup mengatur widget - widget mana yang ingin anda masukan ke menu tab view, Dan cara penambahannya cukup simple dan mudah, taruh atau geser widget yang ingin anda tambahkan ke bawah widget menu tab view tsb. silakan lihat gambar di bawah ini:

sumber : bloggersentral

BACA JUGA : CARA CEPAT MENDAPATKAN RANKING ALEXA NEW!!