Monday, 17 November 2014

How To Add Recent Comment Gadget With Picture to Blogger

08:41

Recent Comment Gadget is the gadget which show most recent comments on the posts of your website. It is a code which involves CSS as well as Java Script. You can add this widget to any where according to your template design. i.e in side bars. At down bottom, below the header. But most suitable place is at down bottom of your Blog. It shows the number of comments as much as you want to show, you have to make amendment in code which I Will tell you in this post.
 Add Recent Comment Widget with Pictures Step by Step


Step 1: Sign in to Blogger dashboard Click on More option drop menu sign → Go to layout.




Step 2: Click on "Add a Gadget" to any where in template where you want to place this widget. (You can also replace it after adding widget by dragging).

 
 

 

Step 3: Click on "HTML/JAVA Script" widget to add that.



Step 4: Copy the Below code and paste it in "Content Box"

<style type="text/css">
ul.bgt_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bgt_recent_comments li {
    background: none !important;
    margin: 0 0 6px !important;
    padding: 0 0 6px 0 !important;
    display: block;
    clear: both;
    overflow: hidden;
    list-style: none;
}

.bgt_recent_comments li .avatarImage {
    padding: 3px;
    background: #fefefe;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    overflow: hidden;
}

.avatarRound {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.bgt_recent_comments li img {
    padding: 0px;
    position: relative;
    overflow: hidden;
    display: block;
}

.bgt_recent_comments li span {
    margin-top: 4px;
    color: #666;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/53371516181/bgt-recent-comments-with-avatars.js"></script>
<script type="text/javascript" src="http://graspinfo.blogspot.com/feeds/comments/default?alt=json&callback=bgt_recent_comments&max-results=5"></script>>Get this <a href="http://graspinfo.blogspot.com/2014/11/how-to-add-recent-comment-gadget-with.html" rel="nofollow" >Recent Comments Widget</a>

Amendments:

  • Replace "http:/graspinfo.blogspot.com" with the address of your Blog.
  • Replace  numComments  = 5 with the number of comments you want to show.



Step 5: Click Save button and then save arrangement and see your Blog. You have done.


Feel Free to Question.
 

Written by

Dawood Bukhari is a young blogger and passionate researcher. He writes articles on bloggging,SEO,Hacking and Computer Technology Follow him @ Twitter | Facebook

5 comments:

  1. Hey Can you share the plugin or is there anyway I could have Facebook comments on my each post ?

    ReplyDelete
    Replies
    1. This is the link of Facebook Comment gadget in Blog

      http://graspinfo.blogspot.com/2014/11/how-to-add-facebook-comment-gedget-in.html

      Delete
  2. Ijin Share & Promot Min :


    [Promo] Dapatkan Bonus Promo SPECIAL Khusus Sampai Akhir Bulan Maret 2017 Menanti Anda Hanya Di ( >> www.bavetline88.com << )
    Cukup Dengan Menekan 1 Klik Link Website Ini ( >> www.bavetline88.com << ) Bonus Ditangan Anda :

    ~ Bonus Sportsbook ~

    1. Bonus 20% untuk member baru Sbobet, Ibcbet dan Asia77.
    2. Bonus minimal deposit awal hingga Rp 300.000,-.
    3. Bonus Maximal yang diberikan perhari mencapai hingga Rp.1.000.000.
    4. Bonus kemenangan 5% untuk produk Sbobet, Ibcbet, Asia77.
    5. Promo rollingan sebesar 0.5% dan 0.7%.
    6. Promo cashback hingga 5%.

    ~ Bonus Casino Online ~

    1. Dapatkan Bonus 10% untuk member baru 338A, 1S Casino, Asia8bet.
    2. Bonus minimal deposit awal hingga Rp 300.000,-.
    3. Bonus Maximal yang diberikan per hari mencapai hingga Rp.1.000.000,-.
    4. Bonus kemenangan 2.5% dari Deposit.
    5. Bonus Cashback hingga 5% diberikan kepada member yang mengalami kekalahan diatas Rp.1.000.000,-.
    6. Bonus Cashback hingga 10% diberikan kepada member yang mengalami kekalahan diatas Rp.10.000.000,-.
    7. Bonus Rollingan hingga 1% untuk semua permainan Casino.

    ~ Bonus Tangkas ~

    1. Bonus Deposit awal hingga 20% Khusus Produk Bola Tangkas dan Tangkasnet.

    ~ Bonus Asia Poker 77 ~

    1.Dapatkan komisi Rollingan Hingga 2% yang sudah di set kedalam ID Asia Poker 77 milik anda.

    ~ ( BONUS REFERENSI ) ~

    1. Bila Anda Mengajak Dan Mengenalkan Bavetline Kepada Teman Anda Maka Anda Mendapatkan Bonus Rollingan Hingga 0.5% (All SportsBook).
    2. Bila Anda Mengajak Dan Mengenalkan Bavetline Kepada Teman Anda Maka Anda Mendapatkan Bonus Rollingan 0.4% (All Casino).

    ( Note : Syarat Dan Ketentuan Berlaku )

    Ayo Segera Bergabung Menjadi Salah Satu Bagian Dari Kami Dapatkan Bonus Promo SPECIAL Berlimpah Menanti Anda hanya di ( >> www.bavetline88.com << )


    Info lebih lanjut :

    Contact Person : 085-5127-711-28 / 081-31-666-1222.
    Whtasapp : 0813-1666-1222.
    BBM : 55628DA2.
    LINE : bavetline.
    SKYPE : Agen Bavetline.
    Customer Service : (>> LiveChat <<)

    ReplyDelete

 

© 2013 Grasp Info. All rights resevered. Designed by Graspinfo

Back To Top