citra cyntia

Membuat menu horizontal pada blogger menggunakan gadget ‘’java script’’

Caranya :
1.login ke blogger dengan account anda
2.pilih desain
3.Tata Letak
4.lalu tambah gadget
5.pilih gadget ‘’HTML/java script’’

Setelah itu copy lalu paste lah kode di bawah ini :


<style>
#subo a { float:left;margin:0; padding:0 0 0 0px; text-decoration:none; }

#subo a span { float:left; display:block; background:url(http://i1224.photobucket.com/albums/ee371/subobtp/biru.png)/*url warna latar */ no-repeat right top; padding:8px/*tinggi*/ 18px/*lebar*/ 4px/*tinggi bawah huruf*/ 6px/*lebar depan huruf*/; color:#FFF; } /* warna huruf Commented Backslash Hack hides rule from IE5-Mac */
#subo a span {float:none;} /* End IE5-Mac hack */
#subo a:hover span { color:#F6FA0E; } /*warna huruf bila pointer diatasnya*/

#subo a:hover { background-position:0% -42px;}/*efek warna*/
#subo a:hover span { background-position:100% -42px;}/*efek warna*/
</style>
<div id="subo">

<ul>
<li><a href="http://citracyntia.blogspot.com/"><span>HOME</span></a></li>

<li><a href="http://citracyntia.blogspot.com/search/label/tentang aku"><span>TENTANG AKU</span></a></li>

<li><a href="http://citracyntia.blogspot.com/search/label/artikel"><span>ARTTIKEL</span></a></li>

<li><a href="http://citracyntia.blogspot.com/search/label/puisi"><span>PUISI</span></a></li>

<li><a href="http://citracyntia.blogspot.com/search/label/tutorial"><span>TUTORIAL</span></a></li>

<li><a href="http://citracyntia.blogspot.com/search/label/lagu"><span>LAGU</span></a></li>

<li><a href="http://citracyntia.blogspot.com/search/label/tulisanku"><span>TULISANKU</span></a></li>


<li><a href="https://translate.google.com/"><span>KAMUS</span></a></li>



</ul></div>

Keterangan :
Tulisan yang berwarna merah ganti dengan url menu anda.
Yang berwarna biru gantilah dengan nama menu anda

Selesai lalu simpan.

Kemudian posisikan gadget ini di bawah tepat header blog anda dengan menyeret gadgetnya.
Klik simpan perubahan.

Ok sekarang lihatlah blog anda..
Gimana?....
Apakah berhasil?....
Kalau belum berhasil anda bisa Tanya pada saya melalui kotak komentar dibawah ini atau melalui shoutmix di pojok kanan.

sekian postingan saya…
salam sejahtera untuk semua blogger…..