12 July 2011

TUTORIAL BLOG - Cantikkan Menu Tab Sendiri di Blog ( Home, Owner...)

salam blogger kepada semua blogger kat..
hari ini apit sempatkan diri jugak untuk buat tutorial..
sebenarnya tutorial ini banyak blogger request..
mintak maaf sebab lama menunggu..bukan apa..tak sempat..
agak rumit step nak buat nie..rumit nak print screen bagai...
sapa yang request ye tutorial ini? ini yang sempat apit snap..
cer lihat shout apit kat bawah ini okay..


kawan-kawan yang lain tahu tak yang mana?
cuba lihat menu tab apit yang blink-blink tue..
contoh macam kat bawah nie ha..ha cuba cari..ada tak? hihi..


ha kalau tak jumpa jugak tak tahu lah nak expalin camna kan..
okay mari kita belajar nak buat menu tab nie okay!

1. Log In > Dashboard > New Post > New Page


2. Kemudian tulis tajuk menu tab yang anda mahukan. Contohnya Owner, Tutorial atau sebagainya. Kemudian sudah selesai, tekan Publish Page. Contoh adalah seperti di bawah.


3. Selepas tekan Publish Page, muncul satu lagi paparan..Pilih No Gadget jika anda mahu create sendiri icon untuk menu page anda. Kemudian click Save And Publish.


4. Selepas anda View Page anda tersebut, anda biarkan. Kita perlukan URL page tersebut.
5. Kemudian, pergi Dashboard > Design > Add a Gadget > HTML/JavaScript..
6. Copy dan pastekan code kat bawah ini di HTML/JavaScript tadi..

::: PAGE HOME :::
<a href="URL BLOG ANDA" target="_blank"><img style="width: 100px; height: 40px;" src="URL GAMBAR HOME ANDA" border="0" /></a>



::: PAGE ANDA CREATE TADI :::
    <a href="URL PAGE ANDA CREATE TADI" target="_blank"><img style="width: 100px; height: 40px;" src="URL GAMBAR PAGE ANDA" border="0" /></a>

7. ayat warna kuning tue paham paham sendiri lah ye. width dan height gambar boleh diadjust mengikut kemahuan anda sendiri. Paham paham paham?
8. Selepas siap semua, SAVE gadget tersebut. drag gadget tersebut letak di bawah header anda. Contoh seperti di bawah okay!


9.  Selepas dah siap, SAVE lah. SIAP! Senang.

SELAMAT MENCUBA!

Salam by Hafizzi Aziz

33 orang komen:

wan_cikgumuzik said...

emmmmmmm.. kalau templates mcm aku memang tak boleh lahh kot sbb aku pakai yang versi worldpress..

jenuh laa kot nak godek koding.. lagipon aku dh pakai dashboard blogspot yang baru.. lain siottt..!!

Unknown said...

terbaikk bak kata boboiboy haha..jap lg aku apply..esok jadi la kot..tunggu kemunculannya...hehe

Adam Azra said...

rajin btul fizi buat tuto. ahahaha. ni mesti da boring gila ni. nice tuto bro.

vampire's lovex said...

tadaaaaaa...dah siap kan haha..

senang..x sebenar nye macam senang..tp internet aku x berapa nak pantas lah nye pun...

thanx for sharing yahhhh

FIZGRAPHIC said...

@wan : la yaka bro..xpa..godek2 ja coding wp..hihi

FIZGRAPHIC said...

@zoul : bereh2..akan aku tunggu kemunculannya besok..peace..

FIZGRAPHIC said...

@adamainaa : nie memang abes boring dah nie bro..haha..thanks..

FIZGRAPHIC said...

@vampire's lovex : hihi..xpa..nanti ry bila tenet dh laju..peace..

ezza haniza said...

bagusnye toturial u ! tapi i still tak paham :(..muahahaha

Aisyah Abdullah said...

erk.....satu hape pn x paham la.....otak da jem......

FIZGRAPHIC said...

@aisyah: laa..otak jem yang mana tue..

FIZGRAPHIC said...

@i'm ezza haniza : alamak,x phm jugak ke..adush2..hihi..

Alif Haris said...

beza dgn aku punye takde blink2 .. hehe ..

zarul farhana said...

t la try...xdan lg la....

Unknown said...

bui nak try jugak nnt..*_*
tp perlu ambik masa nk buat ni

Unknown said...

@apit: haha..kemunculan "esok" tu tak jadi.blog aku down semalam..ni baru ok.tapi aku rasa nak bual lain sebab mcam simple sangat..nnt2 la aku buat lain..tnggu...haha

echa takashimaya said...

biaq cek try naa.hihi.

FIZGRAPHIC said...

@Zoul : akan aku tunggu bro..hihi

CahayaPu3 said...

salam, apit... Terpesong sikit soKLan sy ni..., nak tyer sgt2x, knp bila sy add widget kat bLog, kotak widget tak hilang...? cth, sy masukkan cursor & sparkle kat cursor, & byk lagi, tgk kat blog, berkotak2x ada (bhagian kanan bwh sekali di blog sy) tau x kenapa? hope klu x gngu, apit dpt tlg yer mcmner nk hilangkan kotak2x tu...thanx..

areda said...

assalamualaikum apit...nak tanye kalo dah buat smua ni..mcmne nk masukan post lame dlm menu2 tu....

Ummi Fathiah said...

salam..apa beza url gambar home dengan gambar page????

ayie_kecik said...

mcm mne nk dpt kn url gmbr page ktew 2 ek ?

Arra Ahmad said...

assalamualikum apit, nak ty..
sy dah buat menu bar ni..tapi camne ya nak edit page baru tu tanpa effect page home/page asal?

FIZGRAPHIC said...

@arra ahmad : waalaikumsalam..skang nie baru kan..tuto nie yg blogger lama..hmm bukak html menu tab tue..buat len..just amik url page2 ja..pastue picture mentu tab tue,buat len..k

aneyz said...

url gambar home 2 yg mne ek??
blurr larr...hik3

Rabiatul Adawiyah said...

Salam.. Nak tanye knpa sy punye blog x de kuar paparan selepas Publish Page tu? ihihih.. sy juma bertanya..

Amirah Syafiqah said...

terima kasih^_^ dah jadi

Unknown said...

follow me :)

miss~pinky~lovva said...

nape xjadik ..sedeh! xphm la pebende url imge home gn url imge page..cne2?haaha

SuparMan SuaRez said...

Entri Berguna..Thanx Apit ^_^

Unknown said...

Still xphm lee Apit ..url imge home gn url imge page.mcmane?='(

Si Gadis Blogger said...

Thanks Apit! Hihi.. Gadis buat berhasil lah :D Untuk tutorial Photoshop pun thanks jugak :D menu tab tu gadis boleh wat sendiri.. senang jek ^_^ nak tengok? jum g http://ceritasigadisblogger.blogspot.com

Nur Fajariah said...

kenapa page home tk jadi ea?jadi error..yg lain okey je