• About Me
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Pasang Iklan

Re-Vunsblade™

  • Beranda
  • Sepakbola
    • Liga Inggris
    • Liga Spanyol
    • Liga Italia
    • Liga Indonesia
  • Tekno
    • Gadget
    • Internet
  • Adsense
  • SEO
  • Unik dan Menarik
  • Blogging
Home » Tutorial blog » Trick membuat Simple Navbar pada blogspot

Trick membuat Simple Navbar pada blogspot

Dipostingan kali ini saya akan share tentang cara membuat Simple Navbar pada blog. untuk demonya liat aja tu di bagian atas blog ini. Bagaimana, anda tertarik untuk mencobanya di blog anda. silahkan ikuti tutorial berikut :

Berikut langkahnya..
- Log in ke blogger anda
- Masuk ke Template > Edit Html
- Tekan Ctrl + F, lalu cari kode ]]></b:skin>
- Setelah ketemu copy code dibawah ini lalu 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;}

- Kemudian cari lagi kode </body>
- Dan lalu copy lagi kode di bawah ini dan letakkan diatas code  </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>

Bila kamu ingin mengeditnya, silahkan lihat keterangan berikut.
Ganti yang berwarna emas dengan font yang kamu inginkan.
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

Credit by : dickeymaru

Selamat mencoba, dan semoga bermanfaat....
Ditulis oleh Admin Trix, Monday, 29 July 2013 - Rating: 4.5
Judul : Trick membuat Simple Navbar pada blogspot
Deskripsi : Dipostingan kali ini saya akan share tentang cara membuat Simple Navbar pada blog. untuk demonya liat aja tu di bagian atas blog ini. Bagaim...

Bagikan ke

Facebook Google+ Twitter
Newer Post
Older Post
Home

Contact Form

Name

Email *

Message *

Translate

Ads

Followers

Blog Archive

  • August (4)
  • July (34)
  • June (1)
  • May (7)
  • November (9)
Copyright © 2012 Re-Vunsblade™ - All Rights Reserved
Design by Mas Sugeng - Powered by Blogger