r00t »» , »» Memodifikasi komentar dengan menambahkan opsi reply

Memodifikasi komentar dengan menambahkan opsi reply

by LOLids artich | | , | 11 komentar »


Assalamu’alaikum Wr . Wb.

Alhamdulillah.. akhirnya bisa posting lg, mungkin banyak sobat-sobat blogger ingin me-modifikasi komentarnya dengan background lainnya yang menarik, seperti kalo kita cari di google tapi kadang kita mengalami masalah jika template kita hasil dari download penyedia Download template gratis..

kadang-kadang code / scripts nya tidak bisa kita temukan di edit Html blog kita, kalo sudah kena yang begituan bawa’annya pasti pusing 7 keliling.. hehehe..

apalagi kalo kita pengen banget meng-aplikasikan sesuatu yang berguna buat blog kita tapi codingnya engga’ ketemu… huff..!!!

modifikasi komentar dengan menu “reply” contohnya seperti image dibawah ini : (klik image untuk effect zoom).

replyLOL1ds

salah satu tips and triks dari memodifikasi widget komentar, kelebihannya ??? pengunjung blog / si admin bisa langsung me-reply / menjawab secara individual kepada salah satu komentator di posting blog kita.  seperti facebook  / twitter nanti komentar jawaban kita akan memakai “@namakomentar” atau kalo engga’ pingin pusing2…. silahkan lihat contohnya di blog ini langsung saja, terutama posting yang ada komentarnya… atau kalo masih bingung?? komentar saja dibawah! nanti pasti ada wujudnya.. :-)

jika sobat blogger ingin memodif-nya seperti Blog LOL1ds ini, ok cekidoottt…..t….

1. tentunya LOGIN di dashboard blog anda (blogger,WP,etc)

2. terus edit HTML sebelumnya beri centang pada “Expand Widget Templates

3.cari code seperti ini : <data:commentPostedByMsg/> atau
<data:comment.timestamp/>

jika tidak ketemu, silahkan cari seperti salah satu code diatas semirip mungkin! paling banyak code seperti ini yang sering bisa ditemukan : <data:commentPostedByMsg/>

4. letakkan code berikut diatasnya :

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BloggerIdAnda&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=400, height=450&quot;); return false;'>[Reply Comment]</a></span>

keterangan :

BloggerIdAnda : ganti dengan blogger ID anda (tidak tau bagaimana wujud dari ID blog anda???) silahkan lihat image dibawah ini : (untuk pengguna blogger!). klik image effect  z00m!

IDLOL

untuk dapatkan ID itu, klik pada setting / edit html / pengaturan, dll. setelah itu lihat address bar-nya disitu akan ada ID blog anda, atau tekan Ctrl-U untuk lihat source-nya. tapi cara ini agak ribet karena banyak  angka yang akan disuguhkan tergantung ketelitian kita. ok sampai disini bingung apa tidak??? kalo tidak lanjuttt…t.. gan…!

[Reply Comment] : ganti denga kata-kata anda sendiri(terserah!) misalnya : jawab, reply, dll. atau bisa menggunakan image/gambar sendiri tapi harus menambahkan tag code seperti ini : <img src='url-gambar'/>

saya ambil contoh seperti ini, saya mempunyai URL image “reply” :

http://i621.photobucket.com/albums/tt292/lolids/replybiruLOL.png

hasil : <img src=’http://i621.photobucket.com/albums/tt292/lolids/replybiruLOL.png'/>

jadi kalo dijadikan satu dengan code tadi jadinya seperti ini :(saya ambil snapshoot yang paling bawah dari code itu).

location=0, statusbar=1, menubar=0, scrollbars=yes, width=400, height=450&quot;); return false;'>[Reply Comment]</a></span>

menjadi :

location=0, statusbar=1, menubar=0, scrollbars=yes, width=400, height=450&quot;); return false;'><img src=’http://i621.photobucket.com/albums/tt292/lolids/replybiruLOL.png'/>

</a></span>

berikut saya sediakan beberapa model icon “reply” URL-nya ( mungkin berminat, klik URL untuk melihat icon reply tersebut ) :

1. reply biru : http://i621.photobucket.com/albums/tt292/lolids/replybiruLOL.png

2. reply hitam : http://i621.photobucket.com/albums/tt292/lolids/replyhitamLOL.png

3. reply orange : http://i621.photobucket.com/albums/tt292/lolids/replyorangeLOL.png

4. reply merah : http://i621.photobucket.com/albums/tt292/lolids/replymerahLOL.png

5. reply hijau : http://i621.photobucket.com/albums/tt292/lolids/replyijoLOL.png

 

semoga bermanfaat sob! jangan lupa komentarnya ya. :-)







Article information: Description: Memodifikasi komentar dengan menambahkan opsi reply Rating: 4.5 - Reviewer: LOLids artich - ItemReviewed: Memodifikasi komentar dengan menambahkan opsi reply


Related Tips, Tricks and Tutorials :



11 komentar Post :
Memodifikasi komentar dengan menambahkan opsi reply


NOTE:
Follow me ON Facebook , Twitter or

Blog ini adalah Blog DoFollow dengan PageRank Free PageRank Checker, sobat akan mendapatkan Backlink untuk BLOG anda dengan berkomentar di Blog ini. Jangan ada komentar Spam, Please!!.

"Jika Menemukan LINK yg Tidak bisa di akses pada BLOG ini!, silahkan beritahu kepada kami melalui Komentar, Form, etc . sesegera mungkin kami akan memperbaikinya. Terimakasih"




  1. Anonymous ►► [ reply ] [ Jump to TOP ] ► Sun Mar 13, 10:39:00 am 2011  

    Thanks infonya

  2. LOL1ds ►► [ reply ] [ Jump to TOP ] ► Sun Mar 13, 10:50:00 pm 2011  

    @Anonymous ~ trimakasih atas komentarnya.

  3. Nunu ►► [ reply ] [ Jump to TOP ] ► Tue Nov 08, 10:11:00 am 2011  

    @LOL1dscoba

  4. ikhwan.eksis ►► [ reply ] [ Jump to TOP ] ► Tue Jan 10, 02:35:00 pm 2012  

    Makasih banyak abang atas postnya yg berguna banget,,, saya newbie blog noh. hahaha

  5. LOL1ds ►► [ reply ] [ Jump to TOP ] ► Thu Jan 12, 02:55:00 am 2012  

    @ikhwan.eksis ► sama2 maz bro!

  6. prana adhistia ►► [ reply ] [ Jump to TOP ] ► Thu Feb 16, 04:49:00 pm 2012  

    nice info..

    blogwalking gan.. di tunggu follback nya ya?

  7. Just Enyong Blog ►► [ reply ] [ Jump to TOP ] ► Sat Jun 02, 08:50:00 am 2012  

    template q ga ada
    ada solusi?

  8. Just Enyong Blog ►► [ reply ] [ Jump to TOP ] ► Sat Jun 02, 08:51:00 am 2012  

    ga ada kode data:commentPostedByMsg

  9. Just Enyong Blog ►► [ reply ] [ Jump to TOP ] ► Sat Jun 02, 08:53:00 am 2012  

    ga ada kode data:commentPostedByMsg

  10. LOL1ds admin ►► [ reply ] [ Jump to TOP ] ► Sun Jun 03, 03:36:00 pm 2012  

    @Just Enyong Blog ► apa kode ini juga tdk ada sob : <data:comment.timestamp/> . for more solution pls email to me : Lolids21@gmail.com , mayb i can help ur problem :). trimkasih dah komentar.

    regards, LOL1ds

  11. IGUN Teknisi ►► [ reply ] [ Jump to TOP ] ► Mon Jul 16, 12:54:00 am 2012  

    @Anonymoussama sama

Post a Comment

Next Prev Home