Membuat Menu Di Blog

Salah satu cara menghemat ruang di dalam blogger adalah dengan membuat menu, yang biasanya terletak di atas

Pembuatan menu ini berlaku untuk semua template blogger, dikarenakan kode terlampir di bawah ini akan membuat area widget sendiri, yang terletak di bawah head.
langsung aja... caranya coba cari kode ]]></b:skin> kemudian copy kode css di bawah ini tepat diatasnya.



#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 kode di bawah ini

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

apabila telah selesai kemudian simpan dan lihat di menu setting kemudian page element, coba perhatikan dibawah head akan ada area widget baru... langkah selanjutnya klik add widget , dan pilih HTML/JavaScript, kemudian copy kode di bawah ini ke dalamnya.

<div id="menuq"><a href="http://www.karsono.co.cc">Home</a> <a href="http://www.google.com/s2/profiles/108276204690151158049">My Profile</a> <a href="http://id-id.facebook.com/people/Karsono-Sajah/1366190217">My Facebook</a></div>

Ganti link sesuai dengan link anda... beres. .

Update :

Sehubungan banyak yang respon mengenai postingan ini... untuk lebih mempermudah pembuatan CSS Menu, coba lihat di postingan Generator CSS Menu, dimana kita tinggal customize CSS Menu, kemudian generate kodenya, dan pastekan kode tersebut di Blogger - Design - Page Element - Add Gadget - HTML/Script dan posisikan Gadget tersebut di bawah header.

Sumber : http://www.karsono.co.cc/2010/04/generatur-css-menu-di-blogger.html