Jumat, 01 Oktober 2010

MEMBUAT MENU DI BLOGGER


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 settingkemudian page element, coba perhatikan dibawah head akan ada area widget baru... langkah selanjutnya klik add widget , dan pilihHTML/JavaScript, kemudian copy kode di bawah ini ke dalamnya.

<div id="menuq">
<a href="http://dikdasbonjer.blogspot.com/">Home</a>
<a href="http://dikdasbonjer.blogspot.com/">My Profile</a>
<a href="http://dikdasbonjer.blogspot.com/">My Facebook</a>
</div>

Ganti link sesuai dengan link anda... beres.

Tidak ada komentar:

Posting Komentar