October 18, 2011

Letak Tab Menu Comel

Assalamualaikum earthlings
Sihat ke ? Korang nak tidur dah ke ? * Tak de ayat lain nak tulis. 
Balik - balik study at KFC PERDA je terus bukak belogsepot. Melawat cucu kesayangan ... pfffttt. 
Anyway, ada somebody request tutorial kat aku. Hihi. 


Cik Eika kita ni yang kirimkan. Actuali tuto tab menu ni dah lama nak buat.
Tapi aku terlupa nak buat. Nasib ada yang peringat. Hoh.
Aku ni cepat lupa jugak ye. Tua sangat ke Tak pa lah. Asalkan handsome.
Okeh. Cakap banyak tak guna. Jom kita belajar.

Bagi sesapa yang tak kenal tab menu tu apa, gambar di bawah adalah contoh tab menu. 
Tab menu ni berfungsi bila korang klik, korang akan di bawa ke page lain. 


1.  Dashboard Posting Edit Pages



2.  Klik New Page. Pastu korang akan dibawa masuk pulak ke satu ruangan posting, macam gambar kat bawah nie. 

korang just tulis tajuk page yang korang nak and isi kandungan untuk page korang. Faham


3.  After korang dah puas menulis sampai berapi-api, so korang just klik PUBLISH PAGE. 


4.  Korang akan dibawa pulak ke ruangan macam gambar kat bawah ni. So, korang just klik NO GADGET. Jangan tekan yang lain-lain tue. Pastu klik SAVE AND PUBLISH.




5.  And then, korang kena klik VIEW PAGE pulak. K




6.  Relaks. Ada lagi kot. Hehe. Bila korang dah masuk ke page yang korang buat tue, korang try view atas. Ada URL kan Macam gambar di bawah la. So, korang just COPY URL tue. 


Okeyh. Tue baru tahap pertama. Ada plak tahap kedua. Sabar ye korang. Jangan naik angin plak. Maaflah sebab guna gambar banyak sangat. Semua ni nak bagi korang faham betul-betul.


7.  Pergi ke Dashboard Design Add Gadget HTML / JAVASCRIPT


8.  COPY code di bawah ni dan PASTE ke dalam ruangan HTML tadi. 
<a href="LINK KORANG""><img src="URL GAMBAR KORANG" /></a>
        LINK KORANG : URL page korang yang aku suruh COPY tadi. 
          URL GAMBAR KORANG : Gambar TAB MENU yang korang nak letak dalam blog. 

9.  Kalau korang nak letak TAB MENU yang berlambak macam blog aku tue, korang just COPY code di bawah ni dan PASTE ke dalam ruangan HTML korang k. 
<a href="LINK KORANG""><img src="URL GAMBAR KORANG" /></a> 
<a href="LINK KORANG""><img src="URL GAMBAR KORANG" /></a> 
<a href="LINK KORANG""><img src="URL GAMBAR KORANG" /></a> 
<a href="LINK KORANG""><img src="URL GAMBAR KORANG" /></a> 
<a href="LINK KORANG""><img src="URL GAMBAR KORANG" /></a>
10.  URL GAMBAR KORANG tu boleh dicari kat mana-mana je. Senang cerita, korang kelik sini. Bagi korang yang buat sendiri guna perisian GIMP, PHOTOSHOP atau PHOTOSCAPE, korang just upload ke PHOTOBUCKET dan amik DIRECT LINK gambar korang k. 

11.  SAVE. Kalau ada masalah, sila gitau. Jangan senyap malu-malu kuceng.

12.  Kat sini aku sediakan freebies tab menu untuk korang semua. Just COPY URL dan PASTE di URL GAMBAR KORANG

 
http://i1130.photobucket.com/albums/m533/Azizi_Said/homey.jpg
 
http://i1130.photobucket.com/albums/m533/Azizi_Said/home.jpg
 
http://i1130.photobucket.com/albums/m533/Azizi_Said/home2.jpg
 
http://i1130.photobucket.com/albums/m533/Azizi_Said/home3.jpg
 

http://i1130.photobucket.com/albums/m533/Azizi_Said/abouty.jpg 
http://i1130.photobucket.com/albums/m533/Azizi_Said/about.jpg
 
http://i1130.photobucket.com/albums/m533/Azizi_Said/about2.jpg
 
http://i1130.photobucket.com/albums/m533/Azizi_Said/about3.jpg
 
http://i1130.photobucket.com/albums/m533/Azizi_Said/tuto.jpg
 
 http://i1130.photobucket.com/albums/m533/Azizi_Said/tuto2.jpg
 http://i1130.photobucket.com/albums/m533/Azizi_Said/tuto3.jpg
 
http://i1130.photobucket.com/albums/m533/Azizi_Said/tips.jpg
 
 http://i1130.photobucket.com/albums/m533/Azizi_Said/tips2.jpg
 
http://i1130.photobucket.com/albums/m533/Azizi_Said/tips3.jpg

0 comments: