Best » Find commentluv website!

Ad 468 X 60

Wednesday, 17 July 2013

Embed like button on threaded comment

Posted by Unknown , 7/17/2013 15 Comments so far
Share on google+ Add to Del.icio.us Tweet/ReTweet Share on Facebook Stumble this Digg this
Sometimes you need to know visitor comment good or not so you need other visitor opinion about that comment .Gladly i found a nice plugin, that name is "Like button on Blogger Threaded Comment". You can add it it to blogger.

About this widget


Respect the author, if you want to copy/ add  the widget into your post, you must add the source link and my link. or DMCA will be given. For the demo, you can comment in this post

Adding the widget

First open Blogger >> Design >> Edit HTML
1. Find 
</head>
2. Above it, add this code
/*This code is translated (to make easy to edited ) by masterbloggertricks.blogspot.com and idbloggertrick.blogspot.com and the source is duypham.info
<style>
.likeplugin{{margin-top:15px;width:10px;height:10px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGX-hymH_olIci9wv9apzziyrMU_A44Axfb6JOdoWE0qo9SUFFE2wfsUWX2cZFo1qx63YE8sG_DvA92arzMu6qeeZH-VCU8hoqlRNQX3S0_neI_oyiAaCcUK4yS5Agvhx67zzvI-MRjyk/s10/like.png) no-repeat}
</style>
3. Find
(function() { 
Usually you find more than 1, code that you must change located on comment.js ( because every blog have difrent  template, the name is difrent , like : threaded_comment.js or threaded_comment_js )
4. Change it to
var items_copy=[];
(function() {
5.  Find
 <data:post.commentHtml/>
6. Below it, add this script
<script type='text/javascript'>
var likeurl='<data:blog.url/>';
//<![CDATA[
for(i=0;i<items_copy.length;i++){a=document.getElementById('c'+items_copy[i].id);gl="'"+items_copy[i].id+"'";b=a.innerHTML+'<div class="likeplugin" onmousemove="likecom('+gl+')"><div id="likeplugin'+items_copy[i].id+'"></div></div>';a.innerHTML=b}function likecom(i){var a=document.getElementById('likeplugin'+i);if(a){a.innerHTML='<iframe style="margin:-6px 0 0 -13px" frameborder="0" allowtransparency="true" scrolling="no" height="20" src="http://www.blogger.com/blog-post-reactions.g?options=[Like]&textColor=%23666666#'+likeurl+i+'" width="100"><\/iframe>'}}
//]]>
</script
7. And finally preview your widget and look.

If the "plugin" don't work, you can contact me through comment
Filed under :

15 Comment:

  1. Anonymous7/21/2013

    Keren juga ini ada likenya bisa dicoba ini mas. :)

    ReplyDelete
  2. Luna7/30/2013

    Mantap nih trik nya! btw bikin kotak komentar kaya di blog ini gimana yah?

    ReplyDelete
    Replies
    1. Unknown7/31/2013

      Ini saya buat sendiri kodenya, dengan mengedit kode yang saya dapat dari blog lain. Jika mau, ke depan saya share di idbloggertrick

      I make this code , from code that i found in other blog. i edited the code and boom ,this is the result. if you want comment like this. i will share it soon.

      Delete
  3. Anonymous11/05/2013

    makasih inonya

    ReplyDelete
  4. Aniamaluje1/08/2014

    can't work :(

    ReplyDelete
  5. Aniamaluje1/12/2014

    http://www.aniamaluje.com/ i followes all steps :(

    ReplyDelete
  6. Anonymous1/17/2014

    This is a specific show that I watch and listen to. The host, Andrew Warner, interviews successful entrepreneurs, mostly from Pakistani Dramas the online startup world. If that's a topic that interests you, the interviews are excellent and there are transcripts available with each show.

    ReplyDelete
  7. Anonymous5/07/2014

    not working..

    ReplyDelete
    Replies
    1. Unknown7/20/2014

      but, you can see that the demo ( this blog ) is working, maybe there are 2 jquerry in your blog or you wrongly insert the code. If you have 2 jquerry in your blog, use jquerry no conflict

      Delete
  8. Unknown8/03/2016

    Wow how do you know so much in so young age....
    Can you also provide some information on "How to improve programming logic"

    Pune To Mahabaleshwar Cab
    Mumbai To Mahabaleshwar Taxi

    ReplyDelete
  9. Unknown7/26/2017

    Wonderful tool.
    Buy tumblr followers https://www.facebook.com/Buytumblrfollowerscheap/
    #Miami #EastCoast #EasternUnitedStates #NorthAtlanticOcean #EasternSeaboard #AtlanticCoast #AtlanticSeaboard #coastalstates #shoreline #AtlanticOcean #Maine #NewHampshire #Massachusetts #RhodeIsland #Connecticut #NewYork #NewJersey #Delaware #Maryland #Virginia #NorthCarolina #SouthCarolina #Georgia #Florida

    ReplyDelete
  10. Rahul adapa1/12/2018


    Mumbai to Mahabaleshwar cab hire service at cheapest rates & lowest price. Book a Taxi from our online Mumbai to Mahabaleshwar car rental booking portal and get best deal for one way or round trip with Cabs2go.
    mumbai to Mahabaleshwar cab

    ReplyDelete
  11. watsoon1/06/2021

    Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Any way I'll be subscribing to your feed and I hope you post again soon. Big thanks for the useful info.
    download facebook videos online

    ReplyDelete
  12. Chris Lancer4/26/2022

    Thanks for the great article writing; well structured. You make assimilation easy and you have great contents.
    See helpful:
    Unskilled $1000/5hr Paying Jobs in UK
    Casual high Paying jobs in Australia

    ReplyDelete

Subscribe to: Post Comments (Atom)