Cara mudah nak buat Menu bar di bawah Header di Blog

Di sini Za nak kongsikan macamana nak buat menu kat bawah header (selepas puas cari sana sini, baru berjaya).  Pada blogger baru macam Za, tak perlu pening kepala dan boleh cuba cara-cara di bawah ni.

Langkah Pertama...

Pergi kat "Design". Pastu klik > Edit HTML dan mesti klik expand windget templates

Langkah Kedua::

Cari perkataan yang bertulis showaddelement=’no’.  

Tak tau nak cari? Tekan butang control+F lepa itu taip showaddelement=’no’ dalam kotak  dan tekan enter. Anda akan jumpa lah perkataan tu.

Dah jumpa Showaddelement=’no’ anda ubahkan ayat tu menjadi Showaddelement=’yes’

Bila dah tukar jadik yes, mesti save dulu.

Langkah Ketiga::

Pegi semula ke Dashboard > Design > Page Elements > klik Add Gadgets pilih HTML/JavaScript....

Copy kod yang kat bawah ini... paste kedalam kotak HTML/JavaScript tadi....

Dah siap, cari tempat yang sesuai nak tampal kat bahagian mana... paling ok biasanya kat bawah header saja...

<hr/>
<p align="center">
<strong><font face="cooper black" size="2">
<a href="http:// zyzabacky88.blogspot.com " class="navigation">HOME</a>

<a href="http://zyzabacky88.blogspot.com/search/label/Lawaks " class="navigation">Tajuk label anda</a>

<a href="http://zyzabacky88.blogspot.com/search/label/Iman " class="navigation">tajuk label anda</a>

<a href="http://zyzabacky88.blogspot.com/search/label/Lyrics " class="navigation">tajuk label anda</a>

<a href="http://zyzabacky88.blogspot.com/search/label/Tips " class="navigation">tajuk anda</a>

<a href="http://zyzabacky88.blogspot.com/search/label/News " class="navigation">tajuk label anda</a>

<a href="http://zyzabacky88.blogspot.com/search/label/Health " class="navigation">tajuk label anda</a>

Tukarkan alamat URL zyzabacky88 kat atas tu kepada alamat URL anda. Sama juga dengan tajuk label anda sebab itulah Menu anda. Yg warna merah: Lawak, Iman, Lyrics, Tips, News & Health tu adalah nama Menu yang Za ada. Anda tukar lah dengan nama menu yang anda nak.

Senang cerita, alamat URL anda ialah alamat Label yang ade kat blog anda. MENU ikut pada  Label yang telah anda buat... kalau tak tahu url link anda, buka blog post anda dan klik label kat hujung blog tu nanti keluar url link label anda..... Contoh link blog zyzabacky88 mcm kat bawah ni

copy url link tu dan tukarkan dengan url zyza tu.  Kalau x der gak url link kat posting korang, taip je la. Just tukar nama "zyzabacky88" dengan nama blog korang, dan tukar nama  label "News" kepada nama label ikut suka ati korang.  Kalau nak menu Resepi, tukar la "News" kepada "Resepi" dan apa-apa je la asal korang bahagia.

lagi satu boleh letak seberapa banyak Menu kat situ... copy paste jer....

 

Langkah keempat::

Untuk menimbulkan efek warna supaya kelihatan menarik, Klik Design > Edit HTML . Pastu mesti klik expand windget templates

cari code   </b:skin> , agar mudah gunakan tombol CTRL+F
a.navigation {background: #3333ff ;color: #ffffff;margin: 1px;padding: 2px;border-width: 0;text-transform: uppercase;text-decoration: none;font-weight: bold;}a.navigation:hover {background: #333333;color: #ffffff;text-decoration: none;}

 Copy code yang warna merah kat atas tu dan letakan tepat diatas code   </b:skin>   kemudian simpan (save)

Selepas save, tengok la blog anda. Dah ada menu.

Pastikan semua blog post yang anda tulis, mesti ada link URL selepas tajuk. Kalau x, bila klik menu, tak muncul pun blog post berkaitan menu yang anda buat tu. Kalau x der tulis URL sebelum ni, apa lagi, pergi la edit blog post anda tu.  

Contoh URL menu: http://zyzabacky88.blogspot.com/search/label/Tutorials Ini URL Za untuk Menu "Tutorial"

Moga panduan ni berguna la untuk sesiapa yang nak letak menu kat blog.  Selamat mencuba ya.