> Warung Bebas

Cara Mudah Membuat Tab Multi Widget

Tab Yang Berisi Banyak Widget Mempunyai kelebihan yaitu Menghemat tempat. jadi gak ada salahnya juka sobat memasang tab ini. caranya cukup mudah kok. silahkan ikuti cara dibawah ini :


  1. Masuk Ke Akun Blogger Anda
  2. Edit Template 
  3. Cari Kode  </head>  Lalu Pastekan Kode Dibawah ini Tepat Diatas kode  </head>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

  • Lalu save template.
  1. Sekarang Masuk Ke Rancangan >> Tambah Widget >> HTML/Java Script
  2. Copy Paste Kode Dibawah ini


<style type="text/css"> .blogtabs {padding: 0px !important;border: 0 solid #bbb;} .blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;background: #e0e0e0;cursor:pointer;} html .blogtabs h2.active {background: #fff;} .blogtabs .widget-content {border: 1px solid #bbb;padding: 10px;background: #fff;clear:both;margin:0;} .btab, #showtabs {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://ayriyzone.googlecode.com/files/SimpleTabViewJQuery.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#showtabs').simpleBlogTab ({organictabs: 3}); }); </script> <div id="showtabs"></div>

Agar Widgetnya Mau Menyatu. Atur Posisinya Seperti Ini

Cara Mudah Membuat Tab Multi Widget 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.
Share 'Cara Mudah Membuat Tab Multi Widget' On ...

Ditulis oleh: Arya Dharma - Senin, 25 Juni 2012

12 komentar untuk "Cara Mudah Membuat Tab Multi Widget"

  1. wah nice share kk sangat bermanfaat hohohohoh

    kunjungi balik blog newbieku yang acak2an ya
    Sambil Santai

    BalasHapus
  2. mantap ya.....perlu di coba ne...hehehe

    BalasHapus
  3. mantab sob,,,tapi kalo langsung pasang di edit HTML aja gimana sob,,gak usah pake tambah widget di javascript gitu...mohon pencerahan lebih lanjut sob !!!

    BalasHapus
  4. Nice Info... izin coba ya, di aplikasikan ke blog saya... do'a kan sukses :)
    Salam :Dunia-Ku Dunia Penuh Cinta

    BalasHapus
  5. @Ants KakaKalo Masalah Itu saya blm pernah coba gan :) pake cara ini aja dulu.. kalo mau, coba aja cari di google.. :D pasti ada.. heheh

    BalasHapus
  6. @Seputar Informasi TIKMungkin Gara2 Gak support atau sidebarnya terlalu kecil sob.. hehehe

    BalasHapus