Cara membuat navbar keren di blog

Cara membuat navbar keren di blog. Selamat pagi semua, sudah pada sahur belum ni? dikarenakan saya buat postingan ini susudah sahur jadi saya ucapkan selamat menunaikan ibadah puasa, semoga di lancarkan di hari ini. Sekarang saya akan berbagi pengalaman tentang cara membuat navbar keren di blog. mau tau caranya? langsung saja kita ke tkp.. XD

1. login blogger
2. Pilih template
3. Cari kode ]]</b:skin> pastekan kode dibawah tepat di atas kode ]]</b:skin>

#TRInavbar{height:25px; font-family:Comic Sans Ms; font-size:95%; color:white;
background:#003; border:2px solid #006; padding:3px; z-index:100000000; top:1px; left:1px; right:1px; position:fixed}
#TRInavbar .trikiri{width:49%; height:25px;  float:left; text-align:left; font-weight:bold; padding:2px 10px}
#TRInavbar .trikanan{width:49%; height:25px;  float:right; text-align:center; padding:0px 2px}

4. Selanjutnya cari kode </body> pastekan kode dibawah tepat di atas kode </body>

    <div id='TRInavbar' style='position:fixed;'>
      <span class='TRIkiri'>
        | <a href='/'>Home</a> | <a href='#'>Daftar Isi Lengkap</a> | <a href='#'>Kontak Saya</a> | <a href='#'>Tukar Link Yuk?</a> | <a href='#'>Compress HTML</a> |
      </span>
      <span class='TRIkanan'>
Isi dengan kata kata sobat
        </span>
      </span>
    </div>

 5. Save, dan lihat hasilnya.

Baca juga artikel menarik lainnya : Cara mengganti loggon screen pada window 7

Related Post:

Tutorial Blogger

• Cara membuat breadcrumb di atas postingan
• Cara menghilangkan navbar
• Cara membuat link berkedap-kedip ketika disorot kursor
• Cara mengganti icon blog dengan gambar sendiri
• Cara membuat link bergeser ketika disorot mouse
• Buku tamu
• Cara membuat blog menjadi keren
• Gambar postingan pada Beranda berputar ketika disorot mouse
• Compress HTML