Cara Buat Navbar pada blog




Halo sobb, kali ini saya akan bagikan cara buat Navbar pada blog. Kalo sobb, belum tau apa itu Navbar mungkin sob akan mengerti jika lihat gambar diatas. Jika sobb tertarik, langsung saja ikuti teritorialnya  dibawah ini.



Langkah-langkahnya :
-          Log in ke Blogger sobb
-          Masuk ke template > Edit Html
-          Tekan tombol Ctrl + F pada keyboard > Lalu ketik ]]></b:skin> pada kota Find n cari..
-          Setelah Ketemu copy code di bawah ini > lalu letakkan diatas kode ]]></b:skin>



#DADnavbar{
font-family: Comic Sans Ms;
font-size: 11pt; color: white;
background:url(/favican.ica) na-repeat center left fixed black;
barder: 1px salid red;
padding: 3px;
z-index: 100000000;
top: 1px; left: 1px; right: 1px;
position: fixed;
border-radius: 10px;
-maz-border-radius: 10 px;
-webkit-border-radius: 10 px;
-a-border-radius: 10px;
}
#DADnavbar.dmnavleft{float:left; font-weight: bold; padding: 2px 10px;}
#DADnavbar.dmnavright{float:right;padding: 0px 2px;}

 -          Kemudia cari kode </body>
-          Lalu copy kode di bawah ini dan letakkan DIATAS code </body>

<div id=’DADnavbar’ style=’position:fixed;’>
<span class=’dmnavleft’>
Selamat Datang Di Anugerah07.blogspot.com (Ganti Tulis Disini Untuk Kata Sebelah Kiri)
</span>
<span class=’dmnavright’ style=’font-family:verdana;’>
Tulis Kata-kata Sobb disini ( Untuk Kata Sebelah Kiri )
</span></div>



Keterangan :
1.       Yang berwarna Ungu Ganti dengan Font yang diinginkan
2.       Yang berwarna Biru Tua Ganti dengan Ukuran Font yang diinginkan
3.       Yang berwarna Merah Ganti dengan Warna Teks yang diinginkan pada navbar
4.       Yang berwarna Biru Muda Ganti dengan Warna Background navbar yang sob ingikan
5.       Yang berwarna Kuning Ganti dengan ukuran, style, dan warna border/gari tepi yang kamu ingikan
6.       Yang berwarna Hijau Tua Ganti dengan kode posisi dimana navbar akan berada.
top = atas, jadi navbar akan berada di atas; kode yang lain bottom = bawah’ left = kiri,
right =kanan :) pasti sob sudah tahu .
7.       Yang berwarna Abu-abu Ganti dengan kata yang kamu inginkan.

>>>Selamat Mencoba<<<
Title : Cara Buat Navbar pada blog
Description : Halo sobb, kali ini saya akan bagikan cara buat Navbar pada blog. Kalo sobb, belum tau apa itu Navbar mungkin sob akan mengerti...

0 Response to "Cara Buat Navbar pada blog"

Posting Komentar