Tutorial 121 : Tukar Perkataan Comment Kepada Icon Comel.

Assalamualaikum..

Yeah yeah esok balik. Tapi barang tak packing lagi. Malasnya bila kelas malam dan balik dalam pukul 10 malam ke atas. Letihh badan nih, study pun tak ada mood. Banyak barang kena packing terutama buku-buku. Banyak kerja nihh hooii waktu cuti. Bukan lepak saja-saja. Rasa nak mengadap lappy je sambil meniarap hahhaa.

Kali ni nak ajar korang buat tutorial yang sangat sempoi dan cute mioot. Tapi hanya sesetengah template je boleh buat tutorial ini. Kalau korang tak menjadi sila jangan mengamuk ye.

Selalunya, kalau orang nak komen blog korang kena click perkataan "comment" atau "post a comment" tapi kali ni aku nak ajar korang tukar perkataan itu dengan icon comel. Mungkin dapat mengalakkan manusia mengomen blog korang. Contoh icon comel itu adalah seperti ini :


Nak real ? Sila pergi ke BLOG CIK NURFARAH LUCKY.
* saja nak promote blog GA and contest yang baru create!

Ramuan utama :

1. Sign in blogger > Design > Edit HTML > Expand Widget Templates

2. Cari code ini, nak mudah tekan Ctrl F, masukkan code dalam kotak find dan enter!

<span class='post-comment-link'>

3. Copy dan pastekan code di bawah, di bawah/selepas code yang korang cari tadi :


    <span class='post-comment-link'>

    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    <b:if cond='data:post.allowComments'>

    <center><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' ><img class='post-comment-link' src='URL IMAGE ANDA'/>

    </a></center>

    </b:if>

    </b:if>

    </span>
4. Ubahlah URL IMAGE ANDA dengan url icon yang korang suka.
5. Preview, menjadi?? silalah SAVE kalau dah puas hati.


Contoh icon, kalau suka silalah ambil.

http://dl5.glitter-graphics.net/pub/1341/1341925bxnjqwck4h.png 
 http://dl5.glitter-graphics.net/pub/1341/1341925bxnjqwck4h.png
 

 
 http://dl5.glitter-graphics.net/pub/539/539915xiryx12ekb.gif


 
http://dl8.glitter-graphics.net/pub/1023/1023808rprqnnmxis.png


 http://dl3.glitter-graphics.net/pub/184/184983h1kkvipup7.jpg


 
http://dl10.glitter-graphics.net/pub/2584/2584570bo3zda4vy9.png

 http://1.bp.blogspot.com/-8AFMVT-vf50/TtcVwvGCU7I/AAAAAAAACY4/1Pfpt_IlGzU/s1600/commentback.gif


 http://3.bp.blogspot.com/-DzguJ635RGU/TtcVxOTH7uI/AAAAAAAACY8/W39btPAH-o0/s1600/commentback2.gif


http://4.bp.blogspot.com/-oyAyFhS4oNc/TtcVxgkH4HI/AAAAAAAACZA/b6awHICOI_w/s1600/commentback3.gif
http://3.bp.blogspot.com/-nIYaNCFa9a8/TtcYDgynZ7I/AAAAAAAACZQ/GSLnDEcCrL8/s1600/cikfarahkomen.gif
http://2.bp.blogspot.com/-0XYKL3OwF_8/TtcYTADmpTI/AAAAAAAACZg/ahDaKLsI900/s1600/cikfarahkomen3.gif

http://4.bp.blogspot.com/-fYdStiztAgw/TtcZl6O6bcI/AAAAAAAACZo/kZTtXdjlw_E/s1600/cikfarahkomen5.gif

http://1.bp.blogspot.com/-G7zi5yX5vLQ/Ttce_nTABSI/AAAAAAAACZ4/Gs52s1t8VYA/s1600/cikfarahkomen6.gif


Ok, bai. Selamat balik kampung kepada insan yang diperantauan.
Kalau korang dah buat TUTORIAL INI, kemungkinan tutorial di atas tidak menjadi di template korang. So, pilih yang korang rasa sesuai sahaja.
baiiiiii..

Share this PostPin ThisEmail ThisShare on Google PlusShare on Tumblr
49 Comments for "Tutorial 121 : Tukar Perkataan Comment Kepada Icon Comel."

Thnxs Kongsi info..
Byk da amek tutO kat cni..hee..
Salam Kenal..

salam k.fara...mcm mne nk ltk pktaan Ctrl F tu ek??lgpon dkt kte punye tmpt nk paste kn kod nh kn,,,bnyk kod...x tw la 2 kod ap...tlong sy+_+
terima kseh kakak chumil:)

ai sis..suke tuto kt sni.. :)
sy amek icon tu eh..masheh.. :D

thanks cik farah . nisa salu ikod tuto cik farah, salu mnjdi. ily! thankss (:

thanks menjadi..tp knape hnye ad kat certain entri n ade entri yg tkder??

akak credit tu macam mane tak paham ...heee..@♥Cik Nurfarah♥

senang je akak punye...huhuu..sy try kak lysa pnye xpat...sob3...

@fardiyah

tutorial yang akak tulis dibuat eksperimen beberapa kali sebelum di publish :)

thanks..cik nur farah...sye da gune tutorial nie..hihi

thanks...sgt membantu...he3..org amek tau yg komen 2..=)

cnTik!! Thanx ye... kte ambik stu..

@raja puteri just tekan f3 dkat keyboard :) kan senang

Assalamulaikum..share yea... thanks..

thanks a lot..tutorial yg sgt awesome..syg akak lebeh la.. <3<3

hi cik farah...sy ambik 1 ya...tqvm...hihi...

saya buat freebies tapi saya dah credit akak :D and thanks for the tutor

saya guna tutorial ni n amik 1 icon..comel!bley ea?? :)

erm , tak jadi . sebab tak da tulis post a comment pon .

akak.. saya nak re-tuto bley kan?? saya akan kredit..

thank you , and done follow you . i take one=)

hohoho...menjadi lagiiii. suke sukeee haha

Assalammualaikum...Saya amik 1 Icon Comment,Terima kasih...

byknye yg search ps2 xjumpa.. huhu

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)
Pesanan:
Anda tidak dibenarkan sama sekali mengambil/menyalin/menyimpan/print screen mana-mana kandungan blog ini kecuali atas keizinan tuan punya blog. Tuan punya blog tidak teragak-agak untuk mengambil tindakan undang-undang jika hak persendirian ini dilanggar.

Pendapat penulis tidak semestinya kekal.
Cik Nurfarah

Related Posts Plugin for WordPress, Blogger...
Back To Top