Saturday, January 18, 2014

Cara Tukar Menu Dan Sub-Menu

1- Klik label yang anda ingin ubah. Then copy link di address bar untuk label tersebut
2- Masuk template..klik edit HTML

3- Klik mana-mana dalam frame script..tekan Ctrl+F..satu search box akan kelihatan di kanan atas dalam script box..taip label yang anda nak gantikan..dalam kes ni Advance dan klik enter..then perkataan advance yang terkandung dalam script tersebut akan dipaparkan..bagaimanapun kita perlu cari 'advance' yang betul untuk diganti..caranya dengan klik enter sekali lagi untuk melihat perkataan advance seterusnya dalam script tersebut
4- Tekan enter sehingga jumpa perkataan Adcance yang betul..rasionalnya mesti ada perkataan design, development, typography, photography sesuai seperti dalam gambar di atas
5- Highlight logo #
6- Tekan Ctrl+V (paste)..kalau dah tekan tapi xda apa berlaku..copy semula link utk label tersebut dan paste..should look like mine..%20 adalah space..mesti kelihatan perkataan Advance Joint Health Tablet seperti dalam box biru..Tukar perkataan Advanced kepada AJHT (box hijau) dan Dropdown kepada Produk (box hijau)
7- Then klik Save Template (tunggu sehingga habis save..ambil masa beberapa saat)..then klik pula View Blog
8- Tahniah! Anda dah berjaya tukar satu label yang berfungsi dengan link..bila anda klik AJHT, semua entri yang mempunyai label Advance Joint Health Tablet akan dipaparkan. Kelihatan perkataan Produk juga telah berubah di menu utama..Then the rest anda boleh ubah sendiri ye..
9- Sub-menu sedia ada cuma ada 5..bagaimana nak tambah sub-menu? Cuba perhatikan label utk chewable vita-c..apa yang lain? ye...saya taip di situ VITA-C 100mg, bukan chewable vita C sebab panjang sangat..maksudnya anda boleh tulis apa sahaja wording utk dipaparkan..tetapi link untuk label tersebut (tulisan merah) harus di copy tepat dari address bar
10- Mula-mula copy mana-mana label sedia ada..contoh di sini saya copy label chewable vita c..copy bermula dari <li><a........sehingga penutupnya ...</li>..simply rujuk gambar
11- Sediakan ruang untuk paste..klik kat hujung selepas </li> dan tekan enter..akan ada satu ruang dibawahnya..paste disitu
12- Paste apa yang kita copy tadi
13- Tukarkan maklumat di dalamnya ikut apa yang kita nak..dalam kes anda lagi 19 label produk..tapi blog dummy saya ni cuma buat 5 label produk..maka saya tambah label Tutorial..hehe..then save dan view blog
14- Nah..berjaya tambah sub-menu dari 5 kepada 6..untuk menu lain caranya adalah sama..seeloknya menu atas ni boleh diletak produk yang anda fokus..contohnya set kesuburan, set hamil, set menyusu berpantang..contohnya saya fokus vivix..saya letak vivix pada menu utama

15- Ni menu dan sub menu pada blog saya www.freevitamin.my
16- Sila ambil perhatian
  1. Script HTML ni adalah case sensitive...kalau huruf kecil pada address bar, maka huruf kecil juga pada script
  2. Simbol-simbol kecil contohnya apostrophy / koma atas amat sensitif jika kita terpadam..'   '
  3. Jika ada sebarang masalah print screen HTML anda dan tunjukkan pada saya ye

0 comments:

Post a Comment

Link Within

Related Posts Plugin for WordPress, Blogger...