Cara Pasang Menu Header Horizontal

Menu Horizontal adalah salah satu navigasi pada blog agar para pengunjung bisa menentukan postingan yg ingin mereka baca. 


Saya pula baru bisa membuat pilihan menu beberapa minggu yg kemudian. Kali ini aku akan berikan script buat menciptakan menu header
1. Masuk akun blogger anda
2. Klik template lalu edit html
3. Cari kode ]]> (Gunakan Ctrl + F)
4. Copy code script dibawah ini diatas kode skin diatas

ul.pilihan menu list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:.6em;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSyKv6NWf-QoJG3wd51O9RpQWANc_xLFbQ8M5BjqRSl0JFtFxkirkgH3bdKoNtJHp4WyQQ_MXzURiVmnljTQGhUruVw_IBQUC6cXo4tDEvVYx40irn9yVBeIPGpjiUtW-xW2JReQMgfA/s1600/bg.png") repeat-x top left;border:1px solid #000;margin:0;padding:0;ul.pilihan menu li display:block;float:left;margin:0;padding:0;ul.menu li a float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal;ul.menu li a:hover,.current color:#fff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSyKv6NWf-QoJG3wd51O9RpQWANc_xLFbQ8M5BjqRSl0JFtFxkirkgH3bdKoNtJHp4WyQQ_MXzURiVmnljTQGhUruVw_IBQUC6cXo4tDEvVYx40irn9yVBeIPGpjiUtW-xW2JReQMgfA/s1600/bg.png") repeat-x top left;text-decoration:none;ul.menu .current a color:#fff;font-weight:700;/*Garis Merah*/ul.menu.redbackground-color:#B11718;ul.pilihan menu.red li a:hover, .pilihan menu.red li.current background-color:#DE3330;


5. Lalu klik save template
6. Selanjutnya masuk rapikan letak > klik tambah gadget > klik HTML/Javascript


7. Copas kode dibawah ini
Ganti yang berwarna kuning menggunakan URL artikel sobat, kemudian ganti yg merah menggunakan pilihan menu yg anda ingin buat.

Popular posts from this blog

Pembagian Persebaran Flora dan Fauna di Indonesia Terbaru

ADZAN IQOMAH DAN DOA SESUDAH ADZAN TERBARU

Mencari Keliling dan Luas Gabungan Dari Persegi Panjang dan Setengah Lingkaran Terbaru