CARA MEMBUAT WIDGET TABVIEW KEREN TANPA EDIT HTML - D I A K U I N

Thursday, November 28, 2013

CARA MEMBUAT WIDGET TABVIEW KEREN TANPA EDIT HTML


CARA MEMBUAT WIDGET TABVIEW KEREN TANPA EDIT HTMLCara 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:

CARA MEMBUAT WIDGET TABVIEW KEREN TANPA EDIT HTML

sumber : bloggersentral

Share with your friends

3 comments

Berkomentarlah dengan baik, diharapkan komentar sesuai Isi Artikel.
Dilarang keras meninggalkan link aktif ataupun iklan dikolom komentar.