Thursday, January 19, 2012

Tambah [Reply Comment] 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- 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUSKsz_CZOHyk_pDKy24w0ynBu9jtctglZYk2A6eiBBXNOTCw8SSl1jw6UQcDH5K-HpkMSLshvMsO-FAo2fo6L3SY-7c8zrWUPdXqJVLJqi3dpxnArM8VRBg1I9_5ICd9RzCoffHuVXzKQ/s320/reply01.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyicRJ8H3d5w5oNw0eqHabzr_o5awy4Hf1eDz0ogPpn3FKc4ePCjgAp6FeB9-OCQMkL8hdRwSeFx1ZccTNTy5j2DzUD73180yq6jwhBgGDWszar88XY6MVpy9qA4Ogfu3cVhRoFjbUaeVU/s320/reply03.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZrntltUFwUz-bVSOmpgKcWV-h0NVjjYYQnPht99FI2foK4n3bVPQw3VnJCqaN9R-ss2VCzAvHEG6bDdVORADR1Pem5-A1Kks-BTvw8MuchIV9ZYfsYjw8LTpeFVg_QvfFkP8qq52MLq1p/s320/reply04.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuzvNxU8CJAMzgd2NMWWKqNinOta1vs13TFEJeUM70bjgMhTt6gZ6j4JzsD7UI3NA2QWjvbhWU4FFtoqkNGLyY53e7Rof_UlcvgWkogKcpj7qqodOWh63EVZW_a4XLCmo8kaPctK5ZhaMr/s320/reply02.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0gD1KzkR7GbN9PJLF37gOvU-SoJKfaYwz6Nmd_ujcjY-FpPgLMPlZSeU4WpuwewXQ6wbquAXmfZUZ7VpB3UZ1yHlCm-MXVEl_JDo5VkGIJOH-7JGgTEc8LFQFyYExB_kCBeCZyqq-D08n/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!