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

Sumber 

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 ...

Anda baru saja membaca artikel yang berkategori Tutorial dengan judul Cara Mudah Membuat Tab Multi Widget. Anda bisa bookmark halaman ini dengan URL http://arya96.blogspot.com/2012/06/cara-mudah-membuat-tab-multi-widget.html. Terima kasih!

Ditulis oleh: Arya Dharma - Senin, 25 Juni 2012