081: [siri tutorial blogger] #04 - cara tambah butang reply pada ruangan komen.

Komen pada setiap entri dalam blog aku takdelah berlambak-lambak, tapi alhamdulillah ada la jugak. Thank you so much to those yang pernah singgah dan tinggalkan komen. Maklum sajalah, aku baru je buat come-back ke arena blogging ni jadinya aku amat-amat hargai sokongan korang semua.


OK, tak mahu melalut panjang... kali ini aku nak kongsi satu tutorial ringkas yang aku ambil dari blog Asrol Mania ni tentang macam mana cara nak tambah butang reply pada ruangan komen. Ala... butang reply yang macam ni:





  • Pergi ke Design -> Edit HTML
  • Klik pada kotak 'Expand Widget Template'
  • Cari kod ini:

<data:commentPostedByMsg/>

  • Masukkan kod di bawah ni selepas kod di atas.

<span><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;'>[Reply]</a></span>

  • Lepas tu, korang kena bukak Dashboard korang pada Tab baru dan pilih New Post pada blog yg korang tengah edit ni dan salin nombor blog ID korang. Ni contoh ID blog aku, jangan salin yang ini pulak! Hahaha...






  • Salin dan gantikan nombor itu pada YOUR-BLOG-ID pada kod di atas. Kalau korang nak gantikan teks [Reply] tu dengan perkataan korang sendiri pun boleh jugak.




  • Nak gantikan perkataan [Reply] tu dengan imej pun boleh jugak tapi pastikan imej tu tak besar gedabak. Gantikan perkataan [Reply] tu dengan kod di bawah.

<img src="http://url_gambar@butang"/>

  • Gantikan HTML yang warna merah tu dengan URL butang/imej yang anda mahukan.

Jangan lupa SAVE dan PREVIEW dahulu. Mudah, kan? Selamat mencuba!

Ulasan

Mr Laptop.ez berkata…
Wah shandye, dah ada tutorial rupanya. Tak perasan.

Apa lagi naikkan ke atas menu tab supaya senang nampak.
shandye. berkata…
@Mr Laptop.ez: hehe... dah follow ur advice... thanks...