Cyber facebook
Group blog
Cyber twitter

Sabtu, 07 Juli 2012

0 Cara membuat Simple Navbar


Tdi Admin Share  Green Transparent Template Sekarang Share Cara Buat Simple Navbar Di blog !!
wkakwkakwkawkakwkakwkakwkakwkakwkakwkakwk !!!

Berikut Cara buat nya :
1 masuk blogger > Rancangan > EDIT HTML
2 copy script di bawah ini dan Letakkan di atas kode ]]></b:skin>

#DADnavbar{
font-family: Comic Sans Ms;
font-size: 11pt; color: white;
background:url(/favicon.ico) no-repeat center left fixed black;
border: 1px solid red;
padding: 3px;
z-index: 100000000;
top: 1px; left: 1px; right: 1px;
position: fixed;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;

}
#DADnavbar .dmnavleft{float:left;font-weight:bold;padding:2px 10px;}
#DADnavbar .dmnavright{float:right;padding:0px 2px;}

3 Copy Scipt di bawah ini letakkat di atas kode </body>
<div id='DADnavbar' style='position:fixed;'>
<span class='dmnavleft'>
GANTI TEXT INI DENGAN KATA KATAMU SENDIRI (isi navbar sebelah kiri)
</span>
<span class='dmnavright' style='font-family:verdana;'>
GANTI TEXT INI DENGAN KATA KATAMU SENDIRI atau widget lain (untuk isi navbar sebelah kanan)
</span></div>

 .Ganti yang berwarna pink dengan ukuran font yang kamu inginkan.
Ganti yang berwarna kuning dengan warna teks yang ada di navbar dengan warna sesukamu.
Ganti yang berwarna coklat dengan warna background navbar yang kamu inginkan.
Ganti yang berwarna merah dengan ukuran, style, dan warna border / garis tepi sesukamu sendiri. Jangan nanya cara gantinya gimana, cari di Google.
Untuk yang berwarna hijau, top itu artinya, nanti navbarmu akan melayang sisi atas. Jika kamu ingin memindahkan navbarmu agar tampil di sisi bawah browser, tinggal ganti saja dengan bottom.
Untuk kode yang ditulis miring, itu pengaturan untuk garis meengkung di setiap sudut navbar kamu. Jika kamu ingin sudut navbarmu tetep runcing, atau bentuk navbarnya tetap persegi (gak pakai melengkung) maka tinggal hapus saja kode tersebut.
Ganti yang berwarna orange dengan teks / kata-kata atau apalah yang ingin kamu masukkan ke dalam navbar kamu. Terserah apa saja boleh asal muat :v

Sumber

0 komentar:

Posting Komentar


|---------------------------------------------------------------------------------------------|
HANYA KOMENTAR JELAS LAH YANG KAMI BALAS !
|---------------------------------------------------------------------------------------------|

 
----------------------------------

-----------------------------------
Chat