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>
4. Selanjutnya cari kode </body> pastekan kode dibawah tepat di atas kode </body>
Baca juga artikel menarik lainnya : Cara mengganti loggon screen pada window 7
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}
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.<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>
Baca juga artikel menarik lainnya : Cara mengganti loggon screen pada window 7
teh bantu saya.....
ReplyDeletebantu bikin nasbar keren dong
ReplyDelete