Simple Navbar Pada Blog.


Langsung aja cara buatnya :

1.masuk blogger=>rancangan=> EDIT HTML
2.Copy Kode Di Bawah ini, pastekan kode trsebut 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.Kemudian copy lagi kode di bawah ini, letakkan diatas 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> 

ket:
Warna merah adalah ukuran Text
warna hijau Adalah Warna Text
Warna Kuning adalah Kata-kata untuk isi Navbar Sebelah Kiri
Orange adlah untuk kata-kata/widget..(navbar sebelah kanan)


TUTORIAL BY
DICKEYMARU

0 comments:

Post a Comment

-Berkatalah yang Baik Dan Sopan.

My Instagram