Tutorial : Buat 'Pages/Tab Menu' Menggunakan Label

salam. dah lama nak buat tutorial ni selepas beberapa orang member tanya pasal 'tab menu' atau 'pages' dalam blog ni. tapi malas gila nak buat. hari ni ada masa nak bukak blog dan update, jadi updatelah sementara rajin nie. hihi. okay, 'tab menu' atau 'pages' yang macam kat bahagian atas blog ni;

- hasil akhir tab menu atau pages -


Langkah-Langkah nak buat :

1 ) Sediakan Label : korang perlu me'label'kan setiap post dalam blog korang mengikut kategori yang korang inginkan atau kategori yang mampu menarik minat pembaca blog korang. cara nak label ialah masa korang tulis post tersebut, ada disediakan bahagian label.

- isi bahagian label -
dah siap buat label, sepatutnya korang dah boleh klik link sesuatu label tu, dan akan keluar semua entri berkaitan label tersebut. contohya, di blog ni aku buat label tutorial;  http://jangan-bukak.blogspot.com/search/label/tutorial

2 ) Masukkan tab menu menggunakan widget html/javascript
  • design > page element > add a widget > html/javascript
  • pada widget tersebut, masukkan kod kat bawah nie;


<ul id="menubar">
<li><a href="http://jangan-bukak.blogspot.com/">HOME</a></li>
<li><a href="http://jangan-bukak.blogspot.com/search/label/blog">BLOG</a></li>
<li><a href="http://jangan-bukak.blogspot.com/search/label/download">DOWNLOAD</a></li>
<li><a href="http://jangan-bukak.blogspot.com/search/label/tutorial">TUTORIAL</a></li>
<li><a href="http://jangan-bukak.blogspot.com/search/label/games">GAMES</a></li>
<li><a href="http://jangan-bukak.blogspot.com/search/label/anime">ANIME</a></li>



  • Jadi sekarang korang kena tukar  link merah dalam kod kat atas kepada link label blog korang sendiri manakala tulisan biru dengan nama label yang korang nak gunakan sebagai 'tab menu/pages'. kalau korang nak tambah banyak lagi label, tambah aje sendiri. 
  • dah siap korang drag la widget tu kat mana korang nak letak 'tab menu' tue, kemudian save dan tengok hasil korang.


p/s : ada sesetengah blog yang 'tab menu' nya disediakan automatically dalam template/layout blog korang. jadi korang tak payah nak masukkan sendiri macam yang aku buat nie, sebaliknya korang just adjust yang dah ada di bahagian 'edit template'. semoga terus maju dalam blogging!!

Ulasan

Liliyuli berkata…
ouh! macam tu rupanya..tapi gua tak reti lak nak letak label ape kat entry..huhuhu
N a d i a berkata…
Ah-ha..

Baru nak buat tutorial ekk?

Anyway, thanks 4 the tips!

Dah buat, cuma pages tu kena alih sikit tempat dia.. hehehe
Azuan berkata…
@Liliyuli

letak je apa yg berkenan d hati..hahaa
ftrhd berkata…
woah rajin buat tutorial :)
ni yang rase nak letak tab jugak.. tapi aku rase buat masa sekarang, aku just ambik simple je dlu.. hahaha..

-TRAFALGAR D LAW-
Azuan berkata…
@Bro Fit

wah..dah jadi bro fit sekarang..haha
ftrhd berkata…
saja nk tukar angin.. bosan ar asyik guna fitrihadi je..tak mesra alam ar hehe
BOBOI berkata…
inila penyelesaian blog saya selama ini..terima kasih
aslann berkata…
wau! bagus tutrorial ni! >.<
derzul berkata…
fuuyooo..best la tutorial ni. senang faham. mmg sesuai untuk saya yang baru belajar pasal buat blog ni..
trima kasih..
MoVie FreE berkata…
salam..
sy nak tumpang tanya..
saya ade br wat blog..
blog moviemoviefree.blogspot.com..
masalah sy..bile sy nak wat senarai movie 2,,
mcm mn sy nak senaraikan movie dalam page senarai movie..
lagi satu mcm mn nak link kan cerita 2 dgn page nyer..
harap boleh bantu..
tq2..
ni email sy..
yanayanur@yahoo.com..
harap bole tolng..
MoVie FreE berkata…
ader sesetengah blog kan ader tutorial..dalam tutorial ader list2 tutorial dorg pas2 kalo tekan dye ader kuar dye nyer page..sy nak wat cm 2 la..tp mcm mn...??
ZieShop berkata…
samalh saya..tab dah siap dah.nak senarai link dlm page dia xreti
lagi satu mcm mn nak link kan cerita 2 dgn page nyer..
harap boleh bantu..
Azuan berkata…
zieshop : saya dah check blog kamu..masa letak link tu perkataan 'label' tu salah..

contoh products sepatutnya PRODUCTS...huruf besar tu...adjust la...hihi
Fariz Reza [FR] berkata…
Menarik ......nak try laa.......nice info....bagi 5 bintang skit!!!!!!!!!!!!!!
athirah berkata…
Jazakallah bro ;)
Farahani Faizal berkata…
thanxz yaa !
....aku dh buat dahh ikut tutorr u..
mnjadi ! ..((..excited nie!n___n..))
man_rullez berkata…
selamat ke blog saya
man_rullez berkata…
Hi, saje2 melawat
ain-darisepasangmata.blogspot.com berkata…
Salam. Terima kasih atas maklumat tutorial ni. Dah lama akak tercari-cari caranya. Mohon kongsi.
Aneez Jaafar berkata…
ok.. nak buat kjp lagi. harap jadi lah... cau g kenduri dl.. thank for info. salam singgah cari ilmu & follow.
Aneez Jaafar berkata…
assalamualaikum..
salam singgah mencari ilmu dan terus follow.
bydway, nice entry. thanks. dah try buat. alhmadulillah. jadi. :)