Cara pasang menu Multi Kolom

Membuat menu multi kolom disini maksudnya membuat lebih dari satu menu dalam satu kolom, ini berguna sekali untuk menghemat space blog anda yang sudah memiliki menu yang banyak seperti pada contoh screenshot berikut:

Langkah-langkah untuk membuat menu multi kolom silahkah ikuti seperti dibawah ini:
1. Login ke blogger anda
2. Layout-->Edit HTML
3. Kemudian cari kode ]]></b:skin>
4. Masukan kode dibawah ini sebelum kode diatas

<div class="alert"> div.TabView div.Tabs<br /> {<br /> height: 24px;<br /> overflow: hidden;<br /> }<br /> div.TabView div.Tabs a<br /> {<br /> float: left;<br /> display: block;<br /> width: <span style="color: red;">90<span style="color: black;">px</span></span>; text-align: center;<br /> height:<span style="color: #3366ff;"> 24</span>px;<br /> padding-top: 3px;<br /> vertical-align: middle;<br /> border: 1px solid <span style="color: #006600;">#000</span>;<br /> border-bottom-width: 0;<br /> text-decoration: none;<br /> font-family: "<span style="color: #330033;">Times New Roman</span>", Serif;<br /> font-weight: 900;<br /> color:<span style="color: #993399;"> #000</span>;<br /> }<br /> div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active<br /> {<br /> background-color: <span style="color: #999999;">#FF9900</span>;<br /> }<br /> div.TabView div.Pages<br /> {<br /> clear: both;<br /> border: 1px solid <span style="color: #ffcc33;">#6E6E6E</span>;<br /> overflow: hidden;<br /> background-color: <span style="color: #ff6600;">#FF9900</span>;<br /> }<br /> div.TabView div.Pages div.Page<br /> {<br /> height: 100%;<br /> padding: 0px;<br /> overflow: hidden;<br /> }<br /> div.TabView div.Pages div.Page div.Pad<br /> {<br /> padding: 3px 5px;<br /> }</div>

5. Silahkan masukkan kode dibawah ini sebelum kode </head>

<script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/>

6. Kemudian Save

Kemudian ke menu Layout-->Page Elements-->pilih Add Gadget yang akan kamu tempatkan menu multi kolom ini-->HTML/Javascript

Silahkan masukkan script menu multi kolom dibawah ini:

<div class="alert"> <br /> <form action="tabview.html" method="get"> <br /> <div class="TabView" id="TabView"> <br /> <div class="Tabs" style="width:<span style="color: #3333ff;"> 350</span>px;"><br /> <span style="color: #006600;"><a>Title menu 1</a></span><br /> <span style="color: #006600;"><a>Title menu 2</a></span><br /> <span style="color: #006600;"><a>Title menu 3</a></span><br /> </div> <br /> <div class="Pages" style="width:<span style="color: #3333ff;"> 350</span>px; height: <span style="color: #3333ff;">250</span>px;"><br /> <br /> <div class="Page"> <br /> <div class="Pad"> <br /> <span style="color: red;">Link 1 di menu 1 <br /></span><br /> <span style="color: red;">Link 2 di menu 1 <br /></span><br /> <span style="color: red;">Link 3 d1 menu 1 <br /></span><br /> </div> <br /> </div> <br /> <br /> <div class="Page"> <br /> <div class="Pad"> <br /> <span style="color: red;">Link 1 di menu 2 <br /></span><br /> <span style="color: red;">Link 2 di menu 2 <br /></span><br /> <span style="color: red;">Link 3 d1 menu 2 <br /></span><br /> </div> <br /> </div> <br /> <br /> <div class="Page"> <br /> <div class="Pad"> <br /> <span style="color: red;">Link 1 di menu 3 <br /></span><br /> <span style="color: red;"> Link 2 di menu 3 <br /></span><br /> <span style="color: red;"> Link 3 d1 menu 3 <br /></span><br /> </div> <br /> </div> <br /> <br /> </div> <br /> </div> <br /> </form> <br /> <br /> <script type="text/javascript"><br /> tabview_initialize('TabView');<br /> </script></div>

Semoga Bermanfaat.............

Cara pasang SideBar Twitter Transparan

Pertama login di Twitter kita Masing-masing. Cara Membuat sidebar twitter transparan Siapkan Tab Baru, lalu di addressbar nya.
copy alamat ini : http://twitter.com/settings/design Lalu tekan enter.
Sesudah loadingnya complete dan setting design twitternya sudah terbuka, hapus alamat tadi semuanya di adressbar tadi, Lalu copy javascript dibawah ini, dan paste di adressbar tadi yang sudah kosong javascript:document.getElementById("user_profile_sidebar_fill_color").value = '';document.getElementById("title_theme").innerHTML = 'Click The Save Changes Button At Bottom To Finish!!';void(0);
Lalu tekan enter lagi satu kali. Setelah itu klik Save change di setting designnya, tidak usah menunggu ada notifikasi save change nya, yang penting caranya benar, langsung aja klik save change.
Semoga Bermanfaat.......

Cara membuat navgar blog menjadi transparan

Ingin memiliki navbar tapi nggak selalu tampil di depan blog kalian. Soalnya kalo terlihat sepertinya tampilannya kurang dinamis dan terkesan blog banget. Kalo nggak ada, kan seperti web gtu. skrg ayo kita buat transparant aja navbar blog yang kita punya. Caranya :
1. Masuk ke Blogger
2. Klik Rancangan
3. Klik Edit HTML
4. Centang Expand Widget Template untuk berjaga2 kalo ntar ada kode yang error
5. Cari kode ]]></b:skin>
6. Letakkan kode dibawah ini persis diatas kode no 5 itu

#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}

7. Save template ..

Kalo ogak jadi kemungkinan ada kode sebelumnya yang dipasang sama blogger semua untuk menghilangkan navbar. coba hilangkan kode dibawah ini dulu :

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Kode itu letaknya di atas ini body {

Sekarang pasti dah jadi. silakan letakkan cursor anda. letak navbar paling atas itu letaknya diatas header.
semoga bermanfaat ..