Tuesday, November 29, 2011

Tutorial Hilangkan Navbar Pada Blog


Navbar berperanan untuk memudahkan blogger kembali kepada link² tertentu. Walau bagaimanapun, beberapa pengubahsuaian yang dilakukan yang menyebabkan kehadiran navbar ini sedikit menyemakkan.:). Jadi tutorial kali ini akan menunjukkan cara untuk hilangkan navbar pada blog anda.

Antara pengubahsuaian yang menyebabkan navbar ini tidak diperlukan adalah tutorial letakkan button follow dan dashboard dalam blog.



Tutorial untuk hilangkan navbar adalah seperti berikut.
Terdapat 2 cara, anda boleh pilih mana yang bersesuaian dengan blog anda.


CARA 1:

1. Dari dashboard > design > edit HTML

2. Dengan menggunakan fungsi Find ( ctrl + F), cari 'navbar'
(hasil cari biasanya samada navbar-iframe atau navbar sahaja)

3. Dari kod yang ada di bawah navbar,
Tukarkan 'display:block' kepada 'display:none'

contoh:



4. Save dan lihat hasilnya.


CARA 2:

Nota: Cara kedua digunakan jika anda tidak mempunyai 'navbar' dalam 'edit HTML' blog anda.

1. Dari dashboard > design > edit HTML

2. Dengan menggunakan fungsi find ( ctrl + F), cari kod body {


3. Copy dan paste code berikut SEBELUM code body {

#navbar-iframe {
display: none ;
}


contoh:



4. Save dan lihat hasilnya.:)


Suka tutorial ini.?

158 comments:

lestarysery on November 30, 2011 at 12:37 AM said...

great ! finally dapat jugak buat . btw thanks :)

Najwa Rashid on November 30, 2011 at 12:55 AM said...

xbole pon buat =='

Cik Bhulat on November 30, 2011 at 1:03 AM said...

nak try =]

MeOriKa on November 30, 2011 at 1:08 AM said...

x bole buat la...mcm mana ea???ajar plz...n nak tanya agi satu knp skang da x bole nak tukar template ea?

Redha1989 on November 30, 2011 at 7:31 AM said...

salam. cara ini sangat menJADI. alhamdulillah. terima kasih. ^_^

Sarah Nadia on November 30, 2011 at 9:02 AM said...

tak jadi pon...huhuhu

Fasih on November 30, 2011 at 11:30 AM said...

apa tak boleh ni . !! tolonglah pleassee :(

emma on November 30, 2011 at 2:18 PM said...

hehe jumpe pon nie thank admin

emma on November 30, 2011 at 2:32 PM said...

jumpe da meh aja

body tu korng crit pakai ctrl+f than korng tekan body {

pastu paste kad ats body { dan view dulu bru korng save...

Ain Natasha Puad on November 30, 2011 at 3:01 PM said...

xboleh buat la

emma on November 30, 2011 at 3:30 PM said...

blh punyer

mizz.miza on November 30, 2011 at 5:40 PM said...

nak tanye..saya dah setting supaya post saya ditunjukkan sebanyak 6 post....tapi..bila save,ye jadi one post shown jer..tolong settle..?? boleh tgok blog saya..??

~ WafleCoKLAt ~ on November 30, 2011 at 7:57 PM said...

napa xdapat cri kod 2 even dah tekn ctrl+F ? bingung mak ... hihhi

Display For Fyy on November 30, 2011 at 9:58 PM said...

tk ada ;(

Seindah Senyuman on November 30, 2011 at 11:11 PM said...

assalamualaikum...
setelah banyak kali mencuba..
alhamdulillah menjadi..
terima kasih..
ilmu anda berjaya disebarkan kepada saya..:)

130 ♥ on December 1, 2011 at 2:54 PM said...

Tak boleh lah, D:

Tengku Putry on December 1, 2011 at 4:39 PM said...

cade tak dapat lahh ,
nak buat ap yer ?

SyazZ Rina on December 2, 2011 at 1:33 AM said...

tak boleh ponnn....

*o* hati iza (*,*) on December 2, 2011 at 3:49 AM said...

saya tekan 'ctrl' 'f' tp x da apa pn...help please

Dino San on December 2, 2011 at 8:50 AM said...

Mine menjadi,mcm nie:
Tekan Ctrl F serentak, then akan kuar kt bawah browser tue "Find" dlm ruang kosong selepas Find tue, taip body {
selepas tue, baru la jmpa. ^_^ senang jer.

Eyna Syafienaz on December 2, 2011 at 6:21 PM said...

x buley bt pn...x fhm yg Ctrl+F...huhu

ahmad haiqal on December 2, 2011 at 6:26 PM said...

Tapi camne nk pergi design,new post and logout

✖Kimmy♧Ismail✖ on December 3, 2011 at 4:46 PM said...

thx~

Penulis Blog on December 4, 2011 at 3:02 AM said...

thx bro

Shira Qila on December 4, 2011 at 8:17 AM said...

berjaya pun buat . semalam buat x jadi . thanx .

miss arya on December 4, 2011 at 2:59 PM said...

ala..tlg la...xdpt pon!!!!!!
sape2 yg reti tlg la aja pliz!!!!!!!!!!

Erra Swift on December 4, 2011 at 3:54 PM said...

macam mana? tak ada apa apa pun?

king said...

pelik laaa.. navbar hilang ada pula hurug n kat situ hahaha

aliffmy on December 5, 2011 at 1:55 AM said...

senang jer tu. ingat "kena save template dulu" ya?
klik pada tempat dan ctrl f... lihat penjuru atas kanan ... taip navbar. cari dan tukar... setel..

sharifah on December 6, 2011 at 12:29 AM said...

naseb baek mak hantar p sekolah., boleh nak baca ikut arahan. HEHE
cuba baca arahan yg admin kasi tuh elok2 dengan teliti dan penuh kesabaran..
utk blog sy, sy gna cara ke-2 .
yang laen..good luck. :D

Zara Fil Hamraa on December 6, 2011 at 3:28 PM said...

saya pun gune cara ke dua . akhirnye menjadi . :-D thanks admin .

Emisha Jamaluddin on December 6, 2011 at 3:56 PM said...

berjaya...hoyehh! thank♥

デッドロック on December 6, 2011 at 4:05 PM said...

tengkiu . tapi macam mna maw masuk dashboard balik ?

~wiNkypiNky~ on December 6, 2011 at 4:11 PM said...

xdak pon cara 1 tu

Zafira on December 6, 2011 at 4:44 PM said...

takbolehbuat laaaaaaaaa

winnie_hairies on December 7, 2011 at 2:40 AM said...

mule2 buat x jd..then bce comment emma da jd..tq emma and admin.. :)

nadiajafreeden on December 7, 2011 at 3:20 AM said...

still x dpt lagi. kod body? apa tu? dah tekan dah ctrl+F, but x ada apa pun.

E_cUwiN on December 8, 2011 at 2:41 PM said...

x boleh pun

E_cUwiN on December 8, 2011 at 3:44 PM said...

dpt sua~!

ain evans on December 8, 2011 at 11:35 PM said...

kenapa tak jadi ? :(

ChipzOreo on December 9, 2011 at 1:58 AM said...

brjaya jugak... pnat crik -_-

Anonymous said...

Salam, last2 bru dpat. Thankyou :)

Hidayah Delilaz on December 9, 2011 at 1:46 PM said...

salam. alhamdulillah, terima kasih banyak-banyak. syukurrrr :D

k@m! on December 9, 2011 at 2:38 PM said...

tQ... dpt buat semua tutorial dri admin.. :)

fatynLuvBotax on December 9, 2011 at 6:11 PM said...

salam ..
npe taa dpat buat ekk..
daa try find navbar..
tpi taa dea pn...

merah jambu(natasha azureen) on December 9, 2011 at 7:11 PM said...

da dapat..sy lbh fhm emma ckp..tq admin jgak

Eyra syiEra on December 11, 2011 at 8:48 PM said...

tak dpt pown , sye langsong tak paham lahh

Eyra syiEra on December 11, 2011 at 9:13 PM said...

tolong lahh ajar saye cmne nak ilangkan navbar tu.

alynnnnnnnns on December 11, 2011 at 11:59 PM said...

dah boleh dah ;) thnxx

Anonymous said...

dr dashboard, pilih design.
lpas tu klik pd edit HTML(edit HTML ada sblh page elements).
dah nmpk kan kod yg byk2 tuh..korang cari laa dlm byk2 kod tuh ada jmpa mcm kod yg admin dah highlight kan.
then, copy paste kod yg admin kasi tuh sblm kod yang admin highlight. pastikan korang buat sama spt contoh yg admin dah tunjukkan tuh.

semoga kalian buat semua menjadi =)

Dya Milikku on December 12, 2011 at 2:42 AM said...

xboleh lahh...xjadi,, knpe..?

Dya Milikku on December 12, 2011 at 3:00 AM said...

ehhh... yess!! dh jdi..! thanks to admin juge emma... bru sye fhm

fattyfatty bumbum on December 12, 2011 at 8:44 AM said...

tak jadik la :(

Balqis Suhaimi on December 12, 2011 at 2:25 PM said...

tak jadie lorh

b3a5t c0d1N9 on December 12, 2011 at 5:04 PM said...

korang jgn search (body)je...x p search (body {)..bru dapat yg betul tutorial ni kena tukar sikit...thankz to emma...skunk bru la jadi ..alhamdullilah...yey bebas dri nevbar

~SuriaSuram~ on December 12, 2011 at 6:44 PM said...

yeah!! nak sakit belakang aku duk kerusi cuba buat ni! akhirnya dapat gak buat..terima kasih!!
:)

dya on December 12, 2011 at 9:23 PM said...

tenkiu..

Nurina Ieyna on December 13, 2011 at 4:23 PM said...

Assalam... kenape tak bleh juga?? dah byk kali tapi tak dapat??

Amnii Nini's on December 13, 2011 at 10:13 PM said...

TAK JADI PON !!!!!!!

Mira Amira on December 13, 2011 at 11:08 PM said...

Thankss

Nurina on December 14, 2011 at 4:48 PM said...

Sy dah cari navbar tetapi..kenapa pula dye dah already "display none;" tu yg buat sy keliru skit tu... minta bantuan

Mymie Sein on December 15, 2011 at 9:28 AM said...

thanks sebab instruction yg mudah nak faham...

Cik wawa on December 15, 2011 at 6:36 PM said...

hurm,sy nak tnye mcm mane ye nak hilangkan gmbar skru diver n spanar kat blog @ ye...?

Z.A.T.Y on December 16, 2011 at 5:41 PM said...

saye nk buat tapi bile saye buat ctrl+f cari navbar xde mcm mane yea?

fadzlina on December 17, 2011 at 9:14 PM said...

tanx bnyk2 ye...

OHH AFIQ on December 18, 2011 at 2:08 AM said...

takbole ponnn , sengal niyy --'

aen zahari on December 18, 2011 at 12:02 PM said...

Thanx !! Dah jadi da pon :D i loike

Fatin Tetap C0ol =) on December 18, 2011 at 6:56 PM said...

x bole buat la........

sukasukitekateki on December 18, 2011 at 8:04 PM said...

tak boleh pun

Hanie Nanie on December 18, 2011 at 9:27 PM said...

tak jmpe pon navbar-iframe @ navbar ...

my life story on December 20, 2011 at 3:34 PM said...

tak jmpe pon navbar

Cinta Hakiki on December 20, 2011 at 5:56 PM said...

done! tenkiu :)

CmD CrewS on December 21, 2011 at 3:59 PM said...

addess.. x jumpe navbar pon..

Anonymous said...

ish..... sy cri navbar xde, sy cri navbar-iframe pon xde!!! >:(

Mrs Knaif on December 21, 2011 at 11:26 PM said...

done ^_^

Wan Nur Eryna Amira on December 22, 2011 at 4:44 PM said...

tq !!!

ﻋﻮﻧﻲ on December 23, 2011 at 2:47 PM said...

i'm done!!thanks a lot!!

nik farra on December 23, 2011 at 8:50 PM said...

thanks...

♥Cek Kpop♥ on December 24, 2011 at 1:04 AM said...

Akhirnya.. try punya try!
Berjaya gak! terima kasih sangat2!
Bagi korang yg 100% x pham mcam sya mula2..
x pe,it's okay! try lagi.. x ssah pon! ^_^

nur zarith akilla on December 24, 2011 at 10:54 AM said...

code body terltak paling bawah...
d bhagian edit HTML

Cik Bell on December 24, 2011 at 3:59 PM said...

1 try only & got it! thnkx for the tutorials!!!

Aloy on December 25, 2011 at 8:57 PM said...

aku buat jadi..tapi camna nak edit pape pasnih..dashboard aku hilang huhu,design pon xdok gak huhu

ahmadzikron on December 27, 2011 at 2:39 PM said...

admin,mcmne nk ke dashboard blk kalu dh hilangkn mcm tu?

qip on December 28, 2011 at 3:30 PM said...

kenapa dalam blog saya dekat edit html takde navbar????

qip on December 28, 2011 at 3:55 PM said...

ok dah dapat...
TQ...^__^

hikayat si gadis on December 30, 2011 at 12:33 AM said...

salam ... makaseh ya :D LIKE <3

ladybird.deana on December 30, 2011 at 12:14 PM said...

awewsome , tengs a lot :)

Tengku Mahkota Amar Ibnu Sultan Rothman Al-Haj Muadzam Shah Alam on January 1, 2012 at 2:33 PM said...

bagaimana plak kalau nak kembalikan navbar ? nazbar saya hilang, nie link blog saya ( http://amarcz.blogspot.com/ )

zhiea rahim on January 2, 2012 at 1:55 PM said...

tak boley buat laa

Anonymous said...

cmne nk edit kalau dh hilangkan navbar?sy btl2 xtau dh wt cmne ni

virus phc on January 10, 2012 at 12:13 AM said...

tq

gold bird on January 16, 2012 at 4:57 PM said...

cara 1st xjd...lgkah 2nd br mnjadi....tQ bro...

gold bird on January 16, 2012 at 5:01 PM said...

mcm mane nk bg die sentiASA KAT ATAS....

seha ibrahim on January 17, 2012 at 9:35 PM said...

dekat 'edit html' saya, takde pun yang 'find' tu even dah tekan (ctrl+f) :'( dah brape jam dah try. please someone? :'(

seha ibrahim on January 17, 2012 at 10:05 PM said...

dah dapat, then nak paste kat mana?

chocute97 on January 22, 2012 at 8:17 AM said...

tak boleh lahhhhh,,,

smilyy nenaa on January 24, 2012 at 2:52 PM said...

mcm mw kc hilangg Navbarr tuu , ???
xdpt pun ..

Nana on January 24, 2012 at 6:10 PM said...

thanks ea..

&lt;---pLaYaR.-.iDuP---&gt; on January 25, 2012 at 4:42 AM said...

great.. it's work.. I only can use strategy no.2.. thanks bro..

laila zulkifli ツ on February 4, 2012 at 3:55 PM said...

kalau due2 tak boleh ?

Abe_Judin@DidyVee on February 7, 2012 at 7:04 PM said...

if nk lebeh slamat d0wnl0ad full template k0wt2 terubah template yg sedia ada...

Anas Syakirullah on February 7, 2012 at 8:25 PM said...

tak jumpa pun code tuh...walau pun try try guna Ctrl+F........nk promote blog jap....semua tolong follow blog aku ye... http://asyakirullah.blogspot.com/

liyfea (mucuk) on February 9, 2012 at 10:20 PM said...

kenape x boleh dah cube byk kali dah...

Saya Cute on February 11, 2012 at 6:27 PM said...

Takboleehh pom :( mcm mna nak buad navbar hlang?

MIss A on February 13, 2012 at 8:01 PM said...

b'jye

farhana latiff on February 16, 2012 at 12:42 AM said...

xjumpa navbar pun kat edit html, why oh whyyyyyyy? =.='

farhana latiff on February 16, 2012 at 12:47 AM said...

okay dah jumpa, rabun sebentar, TQ! =)

love green on February 21, 2012 at 7:23 PM said...

xbole pon.. cube terang dengan lebih detel sape yg da dapt buat ni.. hmm...

zulfadli on February 22, 2012 at 10:49 AM said...

sempoi..dah boleh dah..tq..hehe

AlaiLavia Diana on February 24, 2012 at 5:46 PM said...

great!..
i like it. btw thanx....

Amirah Hamani on February 25, 2012 at 3:29 PM said...

Tq so much!
This great.
It's worked on me.

FuZaiNi@$imPle@LiFe on February 29, 2012 at 11:25 PM said...

thanx!!!

niniHazel on March 2, 2012 at 9:36 AM said...

tak dapat buat :(

Inspirasi Pagi on March 4, 2012 at 6:57 PM said...

tipsnya keren" mas, rata" udah saya terapin di blog saya..
makasih ya sharringnya..

Ebie on March 4, 2012 at 10:45 PM said...

dah buat n save tp navbar msh wujud lagi la...

lee yaH =] on March 8, 2012 at 1:48 PM said...

Alhamdulillah dh jadi, yg sy punya x da code navbar, so kena buat Cara 2.. Lepas jumpa code body { tu, kena paste code admin bagi sblm body {,, ,rupernya.. haha kena baca elok2, bukak mata+minda luas2 >.<

inz-dahnya snyuman on March 10, 2012 at 12:59 PM said...

dah boleh..much thanks yup! :)

Mira Dhia on March 11, 2012 at 2:27 PM said...

X bleh la! nnt dia kuar yg laen

si montel ! on March 12, 2012 at 12:22 PM said...

Sy da buat and da dapat pun, Tp half of my background hilang lahhh :(

Web Seyyahı on March 13, 2012 at 2:28 AM said...

:) tanks

aSZra said...

sy berjaya guna cara 2:
#navbar-iframe {
display: none ;
}

tp masalahnya, sy punya dashboard (design) hilang la... nk signout pun xbleh... camne yea... plzzz...
tq

aishahzainal on March 15, 2012 at 9:42 AM said...

thanx. :)
info yang menarik

WebSeyyahi on March 26, 2012 at 4:05 AM said...

tesekkür...

Lipstick Girls on March 29, 2012 at 8:38 PM said...

X BOLEH PUN

eidajoe94 on March 31, 2012 at 11:46 PM said...

asal sy punye jd , tapi tapi bile click kat situ ta jd pape . means kalau click kan contoh kat dashboard t terus pegi dshboard kita . org laen punya saya click jadi . tpi saya punye sendiri ta bole h. nak ubah balik da tak tauuu -.- tolonglahh ,,

nurul barakah on April 8, 2012 at 4:45 PM said...

wah...jdi...thanks...

only ziza on April 26, 2012 at 4:22 AM said...

tq! :)

cikgu sktsbi on April 26, 2012 at 3:59 PM said...

camne nak save ye? takde button save pun.

ညီမင္းေဝ on April 28, 2012 at 11:08 PM said...

thanks you...kamu mari aku blog....aku myanmar orang...www.minmn583.blogspot.com

ānne on May 11, 2012 at 8:11 PM said...

tak dapat lerr :(

Laylei Masnita on May 25, 2012 at 1:56 PM said...

alhamdulillah dah berjaya buat....tapi ada satu masalah lah pulak....bila buang navbar...icon design pun hilang....camne nak edit blog kita kalau xde button desigin?? help me...

Laylei Masnita on May 25, 2012 at 11:34 PM said...

helppppppppp.......camne nakdaptkan balik dashboard (design)......

DIARYopah on May 26, 2012 at 12:29 PM said...

Itee punya tak jadi . Kenapa ? Edit html tuhh tak boley tekan yg ctrl+ . Hmm :'(

DIARYopah on May 26, 2012 at 1:11 PM said...

Terimakaseh . Lepas cuba dua kali , dia berhasil :D !

Aryanie Ismail on May 31, 2012 at 12:03 PM said...

jadi..thanks so much

supermak on July 4, 2012 at 10:13 AM said...

tak boleh pon . kedua2 kod tade

FAIRUZ SUKSES on July 27, 2012 at 6:22 PM said...

terbaik very nice .. thanks admin

carkana on July 28, 2012 at 12:03 AM said...

thnks infonya ya

Aten Adyla on August 2, 2012 at 2:13 PM said...

jadi pulak.. tq..tq..tq

- M A S H - on September 5, 2012 at 8:22 PM said...

Yeahhhh. dah jadi. Thanks for the info ;)

Wana Owen on September 8, 2012 at 9:23 AM said...

thanks for the info.dah hilang pun navigation bar.=)

Seputar Obat Herbal Dan Tradisional on September 18, 2012 at 9:43 PM said...

mantap deh ilmunya..nice share !

IeDaa SuzieAnnA on September 28, 2012 at 9:35 AM said...

berjaya...tq atas tunjukajar anda...

husna musa on September 28, 2012 at 5:04 PM said...

tak bole find pon.,navbar blog sekarang dah lain ke?

husna musa on September 28, 2012 at 5:23 PM said...

eh2.,dah jadi.,HAHAHA..tq for this tutorial :)

Mr. Nurman on September 30, 2012 at 9:10 AM said...

Berulang kali ane cari info seperti ini. Ane doain siapa pun yang ngasih ini dapat pahala yang berlipaaaaat ganda. Trims.

everlasting8890 on October 18, 2012 at 4:20 PM said...

berjaya...thanks admin!!

Sherry Adnen on November 5, 2012 at 4:50 PM said...

saya try buat dan Navebar tu hilang tapi saya x tau nak buat follow semua tu.. then tempat nak post something pon hilang... tolonglah saya.. :(

raynaldo grandy on November 11, 2012 at 4:01 PM said...

thanks infonya bro, gue coba dlu yah
--------------------------
Kumpulan Info dan Tutorial Blog Lengkap diFree Plex

Me &amp; The Boyz on November 21, 2012 at 10:56 PM said...

thanksssssssssss

TSKIDZSHOP on November 29, 2012 at 1:41 PM said...

mintak tolong,kenapa side bar saya tak de masa view blog.apa masalah ek,tolong

TSKIDZSHOP on November 29, 2012 at 1:42 PM said...

masa view dalam layout ada,tapi masa previes blog side bar tak de.contohnye macam labels

Ae Hlovate on December 19, 2012 at 9:26 AM said...

serius x jadi :(

dzuan757 on December 19, 2012 at 6:15 PM said...

guna cara mcm ni pun blh.. http://www.yourbloggingtips.com/2012/04/remove-blogger-navbar-for-professional.html

Obat Herbal Untuk Asam Urat on December 21, 2012 at 11:16 AM said...

kebetulan saya baru belajar blogspot nih gan . .makasih yah ..

Mrs Syed's Journal on January 11, 2013 at 10:06 AM said...

lepas 2x cuba,menjadi jgk..tq saudara

Tockmart Jr on February 15, 2013 at 11:55 PM said...

time ksih bebyak admin :)

Aku Dan Kalam on May 7, 2013 at 4:38 PM said...

Terima kasih yang tidak terhingga. Saya suka membaca blog-blog orang lain, dan suka sekiranya orang lain sudi membaca blog saya. Blog saya tiada artikel berita hiburan atau apa-apa yang gempak, sekadar penulisan saya sahaja mengenai keadaan sekeliling. Berbesar hati jika ada yang menegur dan berkongsi cerita

Post a Comment

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com Edited by Unwanted