Cara membuat Pilihan Menu Horizontal pada Blogspot.


Langkah-langkahnya :
  • Pertama - tama, masuk ke Akun Blog Sobat,
  • Klik Template dan Klik Edit HTML,
  • Selanjutnya, cari kode ]]>
(gunakan Ctrl + F), dan Copy Paste Code bertuliskan merah dibawah tepat di atas kode tersebut.

ul.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/AVvXsEhcsPD59eZSojaCrGCfn6bUxRN8XM6vR5ylfDgAFt0_VSU5fb3a-zZFzlERDllBI9dgcA4b3tjvSmI6BMv0ogCiknzy_ZfBX3XvAmZPVxKISdd9bJLI-oBc7xW2fZiQ9h7T_Nsmfyz7lr8/s1600/bg.png") repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0;}ul.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/AVvXsEhcsPD59eZSojaCrGCfn6bUxRN8XM6vR5ylfDgAFt0_VSU5fb3a-zZFzlERDllBI9dgcA4b3tjvSmI6BMv0ogCiknzy_ZfBX3XvAmZPVxKISdd9bJLI-oBc7xW2fZiQ9h7T_Nsmfyz7lr8/s1600/bg.png") repeat-x top left;text-decoration:none;}ul.menu .current a {color:#fff;font-weight:700;}/*Garis Merah*/ul.menu.red{background-color:#B11718;}ul.menu.red li a:hover, .menu.red li.current {background-color:#DE3330;}
  • Setelah kode tersebut selesai ditambahkan, silahkan Save Template.
  •  Selanjutnya, Masuk ke Tata Letak dan ikuti langkah - langkah berikut :
  • Klik Tambah Gadget,
  • Lalu tambahkan Fungsi Pihak ke tiga HTML/Javascript. 
  • Selanjutnya, Ketikan  Kode pada gambar di Bawah,


Keterangan :
Silahkan ganti tulisan berwarna biru dengan kata - kata yang sobat inginkan, dan ganti juga tulisan berwarna merah dengan link url Sahabat. Selamat mencoba....semoga bermaanfaat."Salam"

Tidak ada komentar:

Posting Komentar

Hidup Sehat dengan berkomentar yang Sehat.."Maaf komentar yang tidak sesuai akan di hapus....salam...!!!!

Comment