Cara Membuat Navbar Keren Ala Lord Kaisar Blog's

Kali Ini Saya Akan Membuat postingan Tentang Cara Membuat Navbar Keren Ala Lord Kaisar Blog's
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

Comments

  1. artikel yang membantu blogwalking ya lampung-berbagi.blogspot.com

    ReplyDelete

Post a Comment

Popular posts from this blog

Cara Membuat Situs Auto Visitors

Free Download | Warcraft 3 - Frozen Throne Maps | Naruto | Bleach | One piece | More ...

Cara Membuat Website Auto Like dan Comment Beranda dengan Blogger