Blog Archive

Text Widget

Sample Text

Popular Posts

Pages

Blogger news

05 April 2013

Cara membuat Tab multi widget di blogger

 


untuk anda yang ingin menghemat tempat dalam blog cara ini adalah salah satunya fungsi dari cara membuat tab multi widget ini adalah menggabungkan 3 widget sekaligus dan disatukan dalam satu widget lagi anda bisa melihat contoh diatas cara ini sangatlah mudah untuk digunakan anda tidak perlu mengedit edit lagi isi dari kolom tersebut anda tinggal memasukan sebuah kode kedalam widget dan template anda dan langsung lah automatis 3 widget di blog anda akan menyatu membuat multi widget selain untuk menghemat tempat fungsi cara membuat tab multi widget ini juga bisa mempercepat loading blog karena memperkecil ukuran blog tersebut ya dari pada anda membaca ocehan saya yang ga jelas dan ga bermutu langsung aja ke cara mengenai cara membuat tab multi widget.

~ pertama login ke akun blogger anda
~ kemudian masuk ke bagian template dan cari kode </head>  ( agar lebih cepat gunakan F3 )
~ kalau sudah ketemu masukan kode berikut di atas kode </head>

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

~ Setelah itu simpan template anda
~ langkah selanjutnya menyisipkan kode agar 3 kolom widget bersatu, yaitu masuk ke bagian tempat anda menambahkan widget atau TATA LETAK
~ kemdian add gadget/tambah widget dan masukan kode berikut

<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 menyatu anda harus menempatkannya seperti ini



*Note :
organictabs: 3 = Ganti angka sesuai dengan yang akan di gabung
background: #e0e0e0 adalah warna background tab unActive
background: #fff adalah warna Background tab Active

5 on: "Cara membuat Tab multi widget di blogger"
  1. BElajar itu memang bagus bro..
    saya juga masih newbie kok ,,heheh...

    Siap kunjungan balikk.!!

    BalasHapus
  2. thanks banget bro.. kunbal yaa
    http://mrr-cyber.blogspot.com/

    BalasHapus