Welcome to My blog, Berbagi Pengetahuan Disini | Coret coret budak lintank
kang Lintank blog | Contact me | profil | Donasi

Monday, July 18, 2011

Cara Membuat Navbar diatas Menu

Salam Blogger ..
Pada Postingan Kali saya kang lintank Akan Memposting Sedikit Pengetahuan Yang Kang Lintank miliki Yaitu cara Membuat navbar diatas menu Seperti Yang terdapat di atas menu blog kang lintank

Ok Langsung Saja

  • Pertama Tentunya login dlu ke Blogger + Rancangan + Edit Html
  • selanjutnya Copy Kode Dibawah ini diatas Kode
           ]]></b:skin>

/* Top Horisontal
---------------------------------------------*/
.toppic{background:#000000;width:100%;margin:0 auto;border-bottom:0px solid #666;filter:alpha(opacity=70);opacity:0.7;}
.topnav{width: 950px;height:32px;overflow: hidden;margin:0 auto; padding:0px 10px 0px 10px; }

  •   Kemudian copy lagi script dibawah ini
            dibawah kode <body>

<div class='toppic'>
    <div class='topnav'>
<div style='font:normal 11px Trebuchet Ms;float:left;padding-top:8px;letter-spacing:.01em;color:#f9f9f9;'>
Welcome to My blog, Berbagi Pengetahuan Disini  |  <a href='http://kanglintank.blogspot.com/' title='coret coret'>Coret coret budak lintank</a>
</div>
<div style='float:right;font:normal 11px Trebuchet Ms; text-decoration:none; color: #f9f9f9;padding-top:4px;'>
<div style='font:normal 11px Trebuchet Ms;float:left;padding-top:4px;letter-spacing:.01em;color:#f9f9f9;'>
kang Lintank blog  |  <a href='http://kontactr.com/user/kanglintank/' title='Hubungi saya'>Contact me</a>  |  <a href='http://kanglintank.blogspot.com/2011/04/my-profil.html' title='My profil'>profil</a>  |  <a href='/' title='Donasi'>Donasi</a>
</div>
</div>
</div>
</div>



  •   Lalu simpan template Dan Lihat Hasilnya

     * Perhatian
        kode yang berwarna biru silakan ubah dengan link sobat

        Semoga Bermanfaat :)





 

6 komentar:

Unknown said...

Menarik tipnya sob.., thanks sudah berbagi. Salam kenal.

Kang lintank said...

sama sama bro ..
Laen kali mampir lagi Ya :)

Occy ajah said...

Nice Info ..
boleh dicoba

Egi Muhamad Fauzi said...

g bisa tolong

Unknown said...

gx da < body >

KUY MAYOR said...

thanks bro infonya,,,lain kali mpir ke blogku ya liat2 cz msih tahap belajar broo,,,oia gak ad <
body > gan di edit html ane gan,,??

Post a Comment