Trick Membuat Tabs jQuery Dengan Mudah

Hai, pengunjung setia The Master Blogger. Hari ini saya akan membahas mengenari trick membuat Tabs jQuery dengan mudah. Trick ini sangat mudah untuk dipelajari karena dengan sekejap saja kamu bahkan bisa membuat blog kamu keren dengan pembagian tabs gadgetnya. Trick ini berhasil 100% pada setiap blogger. Bagi yang ingin membuat Tabs jQuery, ikuti langkah-langkahnya dibawah ini :

1. Pertama kamu harus login ke blogger.com
2. Pilih Tata Letak => Tambah Gadget => HTML/JavaScript
3. Copy script dibawah ini dan letakkan di HTML/JavaScript
<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><br /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script><br /> <script type="text/javascript" src="http://dl.dropbox.com/u/3558628/jQsimpletabs.js"></script><br /> <script type="text/javascript"> $(document).ready(function() { $('#showtabs').simpleBlogTab ({organictabs: 3}); }); </script><br /> <div id="showtabs"> </div>
4. Kemudian klik "Simpan", setelah itu agar trick ini berfungsi, letakkan gadget HTML/JavaSript pada urutan pertama
5. Kalau untuk urutan kedua, ketiga, dan keempat di isi dengan gadget yang kamu ingin tampilkan menjadi tab. Kalau sudah selesai tampilannya akan seperti  gambar dibawah ini atau lihat disebelah kanan blog ini.