Membuat Navbar Keren!

  
Hehehe biarpun ga ada yang nanya cara bikin beginian tapi ane kasihtau deh carannya biarpun ga ada yg nanya hehe...  oke deh langsung aja ga Pake lamaa soalnya di situ pasti sudah pada nunggu..

Pertama Tama..
  1. login ke blogger
  2. lalu pergi ke rancangan.
  3. Ke Edit HTML..
Lalu taruh kode di bawah ini di atas kode ]]></b:skin>

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

Taruh kode di bawah ini di atas kode <body>
<div id='BCYBERnavbar' style='position: fixed;'>
<span class='left'><img align='top' alt='BCYBER' height='20' src='Gambar kamu di sini ( nomor 1)' width='20'/></span><span class='left'>
Text kamu di sini! (nomor 2)</span></div>


Nah di atas bisa dilihat kalau ada text GAMBAR KAMU DISINI (nomor 1) dan text kamu disini! (nomor 2).
 Jiahhh ada nomor 1 ma nomor 2 apaan? wkkwkw    
      itukan hanya lawaknya Fiqri#  :D

nah nomor 1 artinyaa gambarnya dan nomor 2 textnya.. untuk lebih jelasnya kalian bisa melihat gambar di bawah ini

Klik untuk melihat fullscreen

tu yg warna kuning itu nomor 1, sedangkan yg warna merah itu nomor dua.
Simpan Template~`
Hehe.. Sudah...?? itu aja
 

0 komentar:

Posting Komentar