Cara Membuat Widget Sidebar Bejejer Keren

Sore menjelang malem Gan
kali ini mimin akan membuat tutorial lagi :D
Cara membuat 3 Widget berderet
:v maklum ga tau apa namanya :D
di bawah gambar yang ane maksud :

Oke langsung aja tutorialnya di bawah :D












1. Masuk Blogger - Tata Letak - Tambah kan Gadget

2. Klik Html Java Script - Masukan kode Html berikut

Spoiler :

<style type="text/css">
.blogtabs {padding: 0px !important;border: 1px 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://bloggergubug.googlecode.com/files/tabviewjquery.js"></script><script type="text/javascript">$(document).ready(function() {$('#showtabs').simpleBlogTab ({organictabs: 3});});</script><div id="showtabs"></div>

3. Pastikan 3 Widget yang ingin di jejerkan ke samping

4. Simpan Dan Selesai :)