Membuat menu horizontal 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 ]]> 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><div style="text-align: justify;"><b>[[<div id='header-wrapper'>]]<br> [[<b:section .......dst>]]<br> [[</b:section>]]<br> [[</div>]]</b></div><div style="text-align: justify;"><b>


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

Posted in: Tutorial Blog