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