Post Game

Cara Membuat Navbar Keren Ala Lord Kaisar Blogs

Cara Membuat Navbar Keren Ala Lord Kaisar Blogs

Kali Ini Saya Akan Membuat postingan Tentang Cara Membuat Navbar Keren Ala Lord Kaisar Blogs
Oke Langsung Saja Caranya
1.Log In Ke Blogger
2.Pilih Template
3.Edit Html
4.Pilih Lanjutkan
5.Cari Kode ]]></b:skin> (Gunakan Ctrl + F Untuk Mozila Firefox)
6.Masukkan Kode Berikut Ke Ata Kode ]]></b:skin>

 #Kaisarnavbar{font-family:Salsa;font-weight:Bold;font-size:11pt;color:#eee;
background:url(/favicon.ico) no-repeat scroll 10px center rgba(0,0,0,0.75);border:2px groove RED;z-index:100000000;top:1px;left:1px;right:1px;position:fixed;border-radius:7px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 0 10px red;-webkit-box-shadow:0 0 10px red;box-shadow:0 0 30px red;padding:3px}
#Kaisarnavbar:hover{font-family:Salsa;font-weight:Bold;font-size:11pt;color:#eee;background:url(http://lordkaisar.blogspot.com/favicon.ico) no-repeat scroll 10px center rgba(0,0,0,0.75);border:2px groove RED;z-index:100000000;top:1px;left:1px;right:1px;position:fixed;border-radius:7px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 0 10px red;-webkit-box-shadow:0 0 40px red;box-shadow:0 0 40px red;padding:3px}
#Kaisarnavbar .kaisarnavleft{float:left;font-weight:400;padding:2px 38px}
#Kaisarnavbar .kaisarnavright{float:right;padding:2px}
#KaisarTbar{width:330px;height:30px;margin-bottom:-8px;font-family:Salsa;color:orange;background:rgba(0,0,0,0.5);z-index:999;bottom:1px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 0 10px red;-webkit-box-shadow:0 0 10px red;box-shadow:0 0 30px red;padding:2px}
#KaisarTbar .left{float:left;text-align:center;font-size:13px;font-style:normal;font-weight:700;color:red;padding:2px 10px}
#KaisarTbar .right{float:right;color:red;text-align:center;font-size:0;font-style:normal;font-family:Salsa,Arial,Verdana;font-weight:700;background:0;padding:2px 10px}
#KaisarTbar:hover{width:1000px;height:80px;margin-bottom:-15px;margin-left:12px}

7.Eits,Jangan DiSimpan Dulu,Ada Lagi Nih,Masukkan Kode Berikut DiAtas Kode </body>

<div id=Kaisarnavbar style=position:fixed;>
<span class=kaisarnavleft>
Isi Dengan Teksmu
</span>
<span class=kaisarnavright style=font-family:Salsa;>
Isi Dengan Text/Widgetmu
</span></div>

Nb :  Gnti Kode Berwarna Merah Menjadi Kata2/Widget Yg Anda Suka
Oke Sekian Dulu Dari Saya,Smoga Bermanfaat

Go to link Download