tutorial : icon tepi blog list (minima templates sahaja)

hai semua . hari ni ada sikit rajin dan ada sikit masa terluang untuk buat tutorial . hari ni aku nak tunjuk macam mana kita nak buat blog list kita kelihatan lebih menarik dari biasa . cewahhh . kira macam nak nampak cantik sikitlah kan macam aku punya yang dekat bawah ni . tak ada lah cantik mana pun tapi ada aku kisah ? HAHAHA gelak kejam sikit . oklah untuk lebih faham boleh tekan picta untuk besarkan . haa kalau tak nampak jugak lagi sendiri mau ingatlah nak buat apa ok .

korang nampak kan bentuk bunga ros dekat sebelah blog list dan popular post aku tu ? sekarang kita akan belajar step by step ok cara nak buat dia .

step 1 :

pertama sekali tekan ---> design , kemudian tengok bahagian Page Elements korang tu cuba perhatikan ade tak gadjet untuk blog list kalau tak ada kena add gadjet untuk blog list dulu ok , baru boleh teruskan dengan step seterusnya .

step 2 :

kalau yang dah memang ada add gadjet untuk blog list tu korang jangan TICK bahagian icon ok . macam tu jugak untuk yang baru je buat gadjet untuk blog list ni . contoh macam dekat gambar bawah ni bagi siapa-siapa yang tak faham .

step 3 :

lepas dah buang save kan , kemudian pergi ke bahagian Layout dan ke edit html

step 4 :

pada bahagian Edit Template tu , TICK untuk bahagian Expand widget Templates .

ingat ,  TICK dekat bahagian tu . untuk lebih jelas tengok gambar di bawah ni . 

step 5 :

untuk senangkan proses pencarian code , sila tekan ctrl + F .

dan kemudian search .sidebar ul { korang delete semua .sidebar ul {!!

step 6 :

di bawah .sidebar ul {, ada sidebar li { delete semua ok .

step 7 :

Lepas kedua-dua sidebar tersebut sudah di delete, gantikan dengan code ni, copy code di bawah ni :

.sidebar ul li {background:url("URL ICON ANDA ") no-repeat 2px .25em;margin:0;padding:0 0 3px 16px;margin-bottom:2px;text-indent:7px;line-height:1.3em;}

sebelum SAVE , PREVIEW kan dulu untuk tengok jadi ke tak ok . selamat mencuba .