Thursday, November 3, 2011

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..

49 comments:

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

    ReplyDelete
  2. 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:)

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

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

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

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

    ReplyDelete
  7. @fardiyah

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

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

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

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

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

    ReplyDelete
  12. Assalamulaikum..share yea... thanks..

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

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

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

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

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

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

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

    ReplyDelete
  20. hohoho...menjadi lagiiii. suke sukeee haha

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

    ReplyDelete
  22. byknye yg search ps2 xjumpa.. huhu

    ReplyDelete

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)

Terima kasih lepak sini, nanti datang lagi yer..
Sayang Korang...





Related Posts Plugin for WordPress, Blogger...
 
Copyright © 2016 Blog Cik Nurfarah. All Rights Reserved. Designed by Blog Cik Nurfarah.