
Tutorial : Letak Icon Di sebelah Komen

14 June 2013
4:08 pm ♥
Vas happening #gaya Haryy Styles ajuk cakap Zayn Malik =p . Heheh

. So , petang ni aku nak buat tuto tentang macam mana nak letak mini icon dekat sebelah komen . Nak contoh , sila scroll blog aku ni ke bawah . Tengok ada tak icon pensil kecik yang tengah gerak-gerak sebelah comments tu ? Cantik takk ? Kalau nak buat macam tu jugak , sila ikut tutorial ni sampai habis ;)
1. Untuk pengguna designer template . Dashboard > Layout/template blogger/design > Edit HTML .
2. Expand widget dan tekan CTRL+F pada keyboard . Copy dan paste kod kat bawah ni pada ruangan find selepas korang tekan CTRL+F tadi .
<span class='post-comment-link'>
*Tekan CTRL+C to copy
3. Untuk pengguna classic template atau blogskin . Dashboard > Template . Tekan CTRL+F and copy dan paste kod kat bawah ni pada ruangan find setelah korang tekan CTRL+F tadi .
<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>>
*Tekan CTRL+C to copy

4. Lepas dah jumpa kod untuk template masing-masing , copy code di bawak ni pulak :
<img src="LinkGambar"/>
5. Pastekan di sebelah code yang korang dah cari tadi .
Contoh :
Bagi pengguna designer template :
<span class='post-comment-link'><img src="LinkGambar"/>
Bagi pengguna classic template or blogskin :
<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><img src="LinkGambar"/>
6. Link gambar tukarkan dengan link icon yang korang suka . Boleh ambik icon yang aku cari ni :
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic019demoji_14776540decoojp.gif
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15430247decoojp.gif
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15889022decoojp.gif
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic007demoji_14810207decoojp.gif
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic010demoji_442126decoojp.gif
Lepas tu , preview and save macam biasaaaa !

Got to go bye !!
Thank you for visiting -Finn :) x
It's Finn ;)
Short Biodata
Name: Nurul Bariah
Known as: Finn
Age: 18 years young
State: London
Country: UK
Fav. Colours: Blue, Black and Red
Language: Malay and English
Hobby: blogging, Sleeping, Eating , Singing
Fav Quotes: I'm sleepy
Contact Me:

Likes
♥ One D
♥ Blogging
♥ Eating
♥ Singing
♥ Chocolates
♥ Forever Young
♥ Spongebob Squarepants
♥ Black+Red
♥ Sleeping
♥ Natural Beauty
Dislikes✖ Anons, Haters
✖ Make up
✖ High heels
✖ The person who hates 1D

Tutorial : Letak Icon Di sebelah Komen
Vas happening #gaya Haryy Styles ajuk cakap Zayn Malik =p . Heheh

. So , petang ni aku nak buat tuto tentang macam mana nak letak mini icon dekat sebelah komen . Nak contoh , sila scroll blog aku ni ke bawah . Tengok ada tak icon pensil kecik yang tengah gerak-gerak sebelah comments tu ? Cantik takk ? Kalau nak buat macam tu jugak , sila ikut tutorial ni sampai habis ;)
1. Untuk pengguna designer template . Dashboard > Layout/template blogger/design > Edit HTML .
2. Expand widget dan tekan CTRL+F pada keyboard . Copy dan paste kod kat bawah ni pada ruangan find selepas korang tekan CTRL+F tadi .
<span class='post-comment-link'>
*Tekan CTRL+C to copy
3. Untuk pengguna classic template atau blogskin . Dashboard > Template . Tekan CTRL+F and copy dan paste kod kat bawah ni pada ruangan find setelah korang tekan CTRL+F tadi .
<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>>
*Tekan CTRL+C to copy

4. Lepas dah jumpa kod untuk template masing-masing , copy code di bawak ni pulak :
<img src="LinkGambar"/>
5. Pastekan di sebelah code yang korang dah cari tadi .
Contoh :
Bagi pengguna designer template :
<span class='post-comment-link'><img src="LinkGambar"/>
Bagi pengguna classic template or blogskin :
<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><img src="LinkGambar"/>
6. Link gambar tukarkan dengan link icon yang korang suka . Boleh ambik icon yang aku cari ni :
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic019demoji_14776540decoojp.gif
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15430247decoojp.gif
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15889022decoojp.gif
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic007demoji_14810207decoojp.gif
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic010demoji_442126decoojp.gif
Lepas tu , preview and save macam biasaaaa !

Got to go bye !!
Post a Comment
Thanks for sharing your opinion ! :)