Tips bagaimana nak hilangkan navbar di blogger

Pada post kali ini saya ingin berkongsikan tip bagaimana caranya untuk menghilangkn navbar di blog anda yang menggunakan blogger.com / blogspot.com.

Tau tak navbar tu pebenda? Navbar ni adalah bar navigasi yang berada di top page blog anda tu… gunanya adalah memudahkan pengguna lain untuk buat flag kat blog anda kalau blog anda dikategorikan melanggar TOS blogger.com atau dalam bahasa pasarny, kalau diorang tengok blog kita blog spam/sampah, diorg boleh buat report dengan tekan button flag yang berada di navbar je.

Ni ha bentuk navbar,

navbar blogger

Tapi ada juga sesetengah orang yang main tektik kotor dengan memanipulasikan penggunaan flag button ni yakni dengan merepot site blog anda kepada pihak blogger.com walaupun blog anda adalah clean. Sebab apa? Sebab nak mengurangkan pesaing atau kompetitor mereka.

Jadi dengan menghilangkan navbar ni, dapatlah jugak mengelakkan blog anda dilabelkan sebagai blog sampah. hehehehe :p

So camne nak hilangkannya? Caranya sangat simple je. Anda hanya perlu pastekan code di bawah ni antara

<head>

dengan

</head>

bermakna between/di dalam lingkungan code head tu. Mana code yang nak dipastekan tu? Ni, ha, kat bawah ni…

<style type=”text/css”>
<!–
#navbar-iframe {
display: none !important;
}

.style1 {font-weight: bold}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style3 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.headline {
font-family: “Trebuchet MS”;
font-size: 36px;
font-weight: bold;
color: #D90000;
}
.subhead {
font-family: Verdana;
font-size: 18px;
font-weight: bold;
color: #003399;
}
.tbl_optin {
border: 4px dashed #CC0000;
}
.normaltext {
font-family: “Trebuchet MS”;
font-size: 14px;
}
–>
</style>

ok, code ni boleh dipakai samada di blogger classic mahupun yang baru nye. saya dah test kedua-duanya dan ianya berjalan lancar!

Jadi jika rasakan post ini berguna, kongsi-kongsikanlah dengan rakan yang lain eh! Jangan lupa link back atau kasi refer kat sini plak. Selamat mencuba!

Mungkin anda berminat dengan post-post ini:

September 30th, 2008 in Tips & Tricks | tags: blogger, buang, hilangkan, navbar

15 Comments

afhamOctober 3rd, 2008 at 8:50 pm

wargh..nk test la..

KasyidiOctober 3rd, 2008 at 9:07 pm

Wah.. Tq Sifu. Salam Aidilfitri.

X-FaROctober 4th, 2008 at 8:01 am

OK!!! TQ Syed !!!

dauzOctober 5th, 2008 at 2:30 am

Sama share sedikit cara ini.
Boleh ke cara nie syed??
Setakat nie blog saya yang ada di blogspot okay aje guna cara nie

Cara Hilangkan navbar atas blogspot

Thank coz sharing

hanOctober 5th, 2008 at 9:07 pm

boss…nk paste @ mana @ blogger CSS?

afbizzOctober 5th, 2008 at 10:35 pm

tq bro.. sy baru tau pasal ni..

applebloggerOctober 6th, 2008 at 4:53 am

ehm..nampak gaya leh try gak nih. selalu biar je navbar tu.

udinOctober 7th, 2008 at 3:57 am

terima kasih bro

nizamadibOctober 9th, 2008 at 3:18 pm

Salam,

Dah cuba, tak menjadi. Payah …. saya ni buta IT….ha…ha..ha

Rozhan ZainolOctober 28th, 2008 at 12:06 am

Cuba buat kt blogger baru… dpt message ni kt EDIT HTML..

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “type”. Nape ekk?

Syed's Friends among friendsDecember 5th, 2008 at 10:37 am

I believe Bro Syed have forgotten the rules.. so to correct that.. it is simple more than what bro syed has informed. I also try his method.. but after consult with my IT lecturer its wrong.. totally will appear as what bro Rozhan said. Even u convert your method to CLASSIC.. so this is the solution.. may god bless u!
Find this -

/* Variable definitions
====================

Above that, paste this -

#navbar-iframe { display: none !important; }

dinoDecember 17th, 2008 at 11:34 am

Cara yg paling mudah…….

Pergi ke Layout—> Edit HTML , cari kod <![CDATA[

Kemudian copy n paste kod dibawah ini dibawah kod <![CDATA[

#navbar{height:10px; visibility:hidden; display:none}

dinoJanuary 13th, 2009 at 11:17 am

Cara paling senang….Menghilangkan NavbarPergi ke Layout— Edit HTML , cari kod <![CDATA[

Kemudian copy #navbar{height:10px; visibility:hidden; display:none} dan pastekannya dibawah kod <![CDATA[

jaJanuary 27th, 2009 at 4:33 am

Configure HTML/JavaScript
? Help

Title
Content

Rich Text
Edit Html
ComposeEdit Html

* Smallest
* Small
* Normal
* Large
* Largest

Font size

Bold Italic

Text Color

Link

Align Left Align Center Align Right Justify Full

Numbered List Bulleted List Blockquote

Remove Formatting from selection

Preview
insert bold tags insert italic tags

insert link

insert blockquote

Preview
#navbar{height:10px; visibility:hidden; display:none}

Save
Cancel
Remove

atas ni sy paste dari tempat nak letak kod tu.semua ni kuar lepas saya edit html
kenapa tak de pun kod<![CDATA[ jd nak letak kat mana kod #navbar{height:10px; visibility:hidden; display:none}

please help me