BLOG-CYBER CORPORATION Gunakanlah Google Chrome untuk Tampilan Maksimal Blog Ini , Thanks For Visit My Blog,Jangan Lupa Follow Blog Ini. Online Peoples


Home » » Cara Membuat Navbar Blog Keren

Cara Membuat Navbar Blog Keren





Berikut langkah cara membuat Navbar Keren Seperti Di blog ini,cekidot.....



1. Seperti Biasa pergi ke Edit Html,jangan lupa ceklist Expand Template Widget

2. Cari Kode ]]></b:skin>

3. Letakkan kode dibawah diatas Kode Tadi.




 #BCYBERCORPnavbar{font-family:Comic
Sans Ms,Geo;background:rgba(0,0,0, 0.75);border:1px solid
white;padding:2px
0;z-index:999;top:1px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;}


#BCYBERCORPnavbar

.left{float:left;text-align:center;font-size:11px;font-style:normal;font-weight:bold;color:white;padding:2px
10px;}


#BCYBERCORPnavbar .right{float:right;padding:0px 2px;}

#BCYBERCORPnavbar a{color:white;text-shadow:none;-moz-outline-style:none;}

#BCYBERCORPnavbar a:hover{color:cyan;border:0px;-moz-outline-style:none;}



4. Setelah itu cari kode </head>

5. Letakkan kode dibawah setelah/dibawah kode tadi.




 <div id='BCYBERCORPnavbar' style='position: fixed;'>
<span class='left'><img align='top' alt='B-CC Navbar' height='20' src='http://www.portaldoarrocha.com.br/img/Png/blogger.png' width='20'/></span><span class='left'>
Gunakanlah Google Chrome untuk Tampilan Maksimal Blog Ini , Thanks For Visit My Blog,Jangan Lupa Follow Blog Ini.</span>
<span class='right' style='font-family:Salsa;'>
<img alt='Online Peoples' src='http://whos.amung.us/widget/1zppnlimd1ps.png' style='width:50px;height:23px;vertical-align:middle;' title='Total of online peoples'/>
</span>
</div>
<br/>
<br/>



NB*

- Ganti kode warna biru dengan url favicon kamu.

- Ganti Kode warna Merah dengan id http://whos.amung.us kamu.




Like And Share :

5 komentar ~ Back To Top

  1. Kunjungi + Comment Balik Yah ! : http://cyber-creavity.blogspot.com/

    BalasHapus
  2. artikel yg sangat bagus buat tambah tambah ilmu
    comment back ya :D
    http://bondowoso-jawa.blogspot.com/2012/10/pembuatan-naskah-proklamasi-yg-modern.html

    BalasHapus
  3. makasih infonya gan..

    BalasHapus

 
Support By : Google | Creating Website | Alexa
Copyright © 2012. Blog - Cyber Corporation - All Rights Reserved
Template Modify by GM Latief
Powered by Blog-Cyber Corporation