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!!