Selasa, 10 Mei 2011

Membuat Menu Vertical Di Bagian Atas Blog


Met malem sobat bloger,,bagi yang blum tau cara bikin  Menu Vertical Di Atas Blog,tapi sebelum lanjut gw mau  thanks banget buat mas "KARSONO" yang sudah berbagi script nya, Menu Vertical ini yang di mana tujuanya untuk mempermudah  para pengunjung blog mengakses sebagian isi dari blog tersebut disamping itu bisa menghemat ruang pada blog juga..dari pada kelamaan n keburu tertembak belanda (mati dunk wkwkw) "Juskidd" hehehe..niy gw kasih caranya,CHEKIDOOOOOT !!!!!

- Langkah pertama masuk akun blog xan(jangan masuk kamar mandi lhoo) wkwkw
- pilih rancangan/layout
- pilh Edit HTML
- cari code ]]></b:skin>, untuk mempermudah pencarian code tersebut, pake(ctrl+F)
- kalau sudah ketemu codenya,Copas scrift di bawah ini,tepat di atasnya.
  
    #menuq{ font-family: Verdana; padding:10px;} .menuq a { color:yellow; border:1px #EDEEF0 solid; padding:5px; text-decoration:none;} .menuq a:hover {color:red; border:1px #000000 solid; text-decoration:none;} .menul .widget { border-bottom-width: 0;}


- Selanjutnya,Carilah code yang tampak di bawah

    <div id='header-wrapper'> <b:section .......dst> </b:section> </div> 

- lalu copy kode di bawah ini tepat di bawah kode di atas

    <div id='menuq'><br /> <b:section class='menuq' id='menul' preferred='yes'/> </div> 

-Kalau sudah selesai, langkah selanjutnya klik add widget , dan pilih HTML/JavaScript, kemudian copas kode di bawah ini ke dalamnya.

    <div id="menuq"><a href="http://reef-go.blogspot.com/">Home</a> <a href="http://www.blogger.com/profile/05022112330681270945">My Profile</a> <a href="http://www.facebook.com/4rEELLz">My Facebook</a></div>



CATATAN

Ganti link nya dengan link xan sendiri ok..oh iya untuk lebih mempermudah bikin menu vertical selain cara di atas,xan bisa kunjungi blog temen bloger gw,di http://www.karsono.co.cc/2010/04/generatur-css-menu-di-blogger.html  ,di situ xan bisa langsung isi kolom nya dengan link yang xan mau,low sudah beres tinggal klik GENERATE n copas deh scriptnya di bloger xan..........semoga bermanfaat

Tidak ada komentar:

Posting Komentar