Welcome to My Site...

Paypal

Sign up for PayPal and start accepting credit 
card payments instantly.

BuzzBoost

Wednesday, April 20, 2011

Cara Menghapus Atau Menyembunyikan Navigation Bar (navbar) diBlogger


Navgar... OOooohhh...
Navigation Bar....blogspot pasti banget deh itu!
Btw, tau kah NavGar itu apa? Kaya begini lah penampilan Navgar...
Navigation Bar (Nav-Bar) Solid

Navigation Bar Transparant
Tidak Ada NavGar!!!


Navbar (bar navigasi) adalah batang horizontal yang terletak di bagian atas halaman Anda.Jika Anda pikir tidak sesuai desain blog Anda, atau jika Anda membutuhkan ruang ekstra untuk banner Anda - Anda dapat menghapusnya sesuai dengan kebutuhan anda.
Begini caranya:
  1. Pergi ke Layout> Dashboard
  2. bawah tab Template, klik Edit HTML untuk mengedit template
  3. Cukup tambahkan potongan kode di bawah suatu tempat antara tanda 
    <head> dan </ head> ditemplate blog Anda

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;}




... Seperti ini:

  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[
/*-----------------------------------------------
Blogger Template Style
Name:     Minima Black
Designer: Douglas Bowman
URL:      www.stopdesign.com
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;}
4. Klik tombol SIMPAN TEMPLATE.





Tidak yakin dengan keberadaan tanda <head> </ head> ? ...


Berikut cara lain. Hanya mencari potongan kode yang terlihat seperti ini:
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small “Trebuchet MS”, Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
... Dan tempatkan kode tersebut tepat di atasnya seperti ini:


#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;}
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small “Trebuchet MS”, Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Klik tombol SIMPAN TEMPLATE.
Jadi deeeehhh....!
at 11:29 AM
Labels: , ,

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Put Your Photo On Canvas

468x60 CanvasOnDemand banner

AdKreator

AdKreator.com - Do it Yourself Advertising Design!