28 Disember 2010

Tutorial#9 : Tambah [Reply Comment] Button

OK..tak perlu serabut-serabut yer....Dah Googled dah camne nak tambah [REPLY COMMENT] .. Kali ni Tutorial dari Blog BDLab, Aku wat Re-Post Tutorial daripada Blog-blog yang di Google kerana:

(1) Aku nak menerangkan sambil memahami. (Teori & Praktikal orang sebut...)
(2) Aku nak menerangkan dengan cara aku sendiri... (kalau Code tu memang takleh ubah dah)
(3) Memperbanyakkan entry
(4) Memberi Credit (bukan topup ), penghargaan (secara tak langsung). mempromosi Blog Owner tersebut.

Tutorial tambah [REPLY COMMENT] lebih simple daripada [HIGHLIGHT COMMENT]
(Mode : Edit Pic untuk wat [Reply Button])

1# Macam Biasa, masuk Dashboard >>> Design/Layout >>> Edit HTML >>> Klik Expand Widget Template
2# Tekan Ctrl+F & Search Keywords :
<b:include data='comment' name='commentDeleteIcon'/>
3# Dah Jupe? Ok! Then, Paste je SALAH SATU Code di bawah ni, SELEPAS code di atas tu:
CODE#1 : LETAK URL IMAGES. ATAU
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR BLOG ID HERE&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='Reply To This Comment' src='YOUR REPLY BUTTON IMAGE URL HERE'/></a></span>
CODE#2 : TAK PERLU LETAK URL IMAGES

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR BLOG ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;' style='background-color:#8FFAFF;border:2px solid #000000;color:#000000;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 10px;position:absolute;bottom:10px;left:12px;'>Reply Comment</a>
Nota : Huruf berwarna merah tu boleh ubah Code Background Warna dan Saiz Border, Reply Comment pun boleh ubah kepada ayat sendiri


Kod Biru = Gantikan dengan Blog ID
Korang tengah wat New Post, Tengok kat alamat URL atas tu ada blogID=123*********

Kod Merah=Gantikan dengan URL Image yang dikehendaki

Contoh yg IX punyer;  URL :  http://img152.imageshack.us/img152/934/replybutton.gif

Ini adalah [REPLY BUTTON] yang BDLab.Blogspot.com sediakan;
Replace URL of image with any image of your choice or you can choose one from below- 
http://2.bp.blogspot.com/_WvACVGW1iPE/S7WNVXEpzbI/AAAAAAAABBE/-oKIce3D_i0/s320/reply01.png

 http://4.bp.blogspot.com/_WvACVGW1iPE/S7WNYimWsdI/AAAAAAAABBM/n5b9btyk_jM/s320/reply03.png

 http://1.bp.blogspot.com/_WvACVGW1iPE/S7WNbaXMiaI/AAAAAAAABBU/TRjA89kouEw/s320/reply04.png

 http://4.bp.blogspot.com/_WvACVGW1iPE/S7WNjwI1_jI/AAAAAAAABBc/aZ0s2iB6aOU/s320/reply02.png

 http://1.bp.blogspot.com/_WvACVGW1iPE/S7WNmlf7dkI/AAAAAAAABBk/7muFjwSlGE4/s320/reply05.png
4# Dan Save Template...IX punyer dah jadi dah.....Trima Kasih kepada BDLab.blogspot.com atas Tutorial ni!
Nampak tak [Reply Button] warna biru gelap tu..Handmade gitu!

p/s: Dah kul 2.16PM...ngantuk, tapi taknak tido......Aku wat tutorial ni berdasarkan Google jer....dan untuk mengemaskini Blog aku sendiri....

18 ulasan:

  1. wahhhH~ tutorial.. suke.. thanx ye share ilmu~ ^_^

    BalasPadam
  2. wah menarik ni.. nak cuba r..

    BalasPadam
  3. @whitecappuccinopape yang kurang jelas tu bagitau la yer.....

    BalasPadam
  4. @NuSaNa NoSa 91i pun suka bagi tutorial....hehehhe

    BalasPadam
  5. @mR.sYaHcuba la.....bertambah mudah nk reply komen

    BalasPadam
  6. wahhh tutorial..beh..beh..nt bleh terai ni..tq ix..

    BalasPadam
  7. dah try.. jadiii! tq mr.Ix.. :DD

    BalasPadam
  8. @y-A-n-Ayeayy!! tahniah...IX dah try butang reply kat blog Yana tadi..hehe

    BalasPadam
  9. @CIK TOMtutorial utk blog sendiri jer...cik tom lagi otai gitu...hehe

    BalasPadam
  10. waaahhh...da wattt...jadik2...tengkiu...ha nk tnye lak cmne nk wat komen ni ade avatar cmtu..sy punye takde pon~ T___T

    BalasPadam
  11. @Mizz Farahtahniah!! saya dh reply kat blog awak pasal avatar tu yer.....

    BalasPadam
  12. heheh..bukan yg tulaa..mksud sy...kan de kuar gmbr kat tepi nama tu...tp kat komen sy takde lak kuar pic org2 yg komen...cmne nk wat...? pdhal kat lam setting da show profile pic tu... ;p

    BalasPadam
  13. @Mizz Farah : maybe awak leh try cek dekat SETTING--COMMENTS--SHOW PROFILE IMAGES ON COMMENTS--YES!

    BalasPadam
  14. best betul tutorial awk ni.
    1st time cuba dh menjadi.
    like2..^__^

    BalasPadam
  15. ini yang ku cari selama ini!! thanks bro!

    BalasPadam

Terima kasih kerana sudi baca.
Segala penulisan dan penerbitan di dalam blog ini berdasarkan kepada pengalaman, pandangan dan pemahaman peribadi blogger ismiqbal sahaja. Tahap pemikiran manusia tidak sama dan mungkin boleh buat pembaca terasa hati kerana ketidaksamaan pendapat.