Tutorial#9 : Tambah [Reply Comment] Button

Dec 28, 2010 - ♛Posted by : Mr.IX at 2:18 AM
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....