إضافة أخر التعليقات لمدونة بلوجر شكل جديد

إضافة جديدة وحصرية لإضافة لأخر التعليقات على مدونة بلوجر

طريقة التركيب 

اذهب للتخطيط - اضافة اداة- HTML/Javascript 

 مع تغيير www.hloly.com برابط مدونتك

<style>
.comment-info2_BSW {clear: both; width :  100%; float : right; margin: 0 0 15px; }
.comment-info2_BSW .right {background: #dedede; padding: 3px 15px; border-radius: 100px; display : block; text-transform: uppercase; font: 400 12px Roboto;}
.comment-info2_BSW .left a {font: 500 12px Roboto,sans-serif; text-transform: uppercase; background: #dedede; padding: 3px 15px; box-sizing: border-box; display : block; border-radius: 100px;}
.comment-info2_BSW .left a:hover {opacity: .8}
ul.idbcomments{list-style:none;margin:0;padding:0}.idbcomments li{display :block;clear:both;overflow:hidden;list-style:none;border-bottom:0!important;word-break:break-all;padding:0 0 7px!important}.idbcomments li .avatarImage{float :right;margin-left:12px;position :relative;overflow:hidden}.idbcomments li img{border-radius: 1000%;
    position: relative;
    overflow: hidden;
    display: block;
    width: 64px;
    height: 64px;
    border: 6px double #47b4ce;}.idbcomments li a{font-weight:700}.idbcomments li span{ margin-bottom: 1em;
    padding: 20px 6%;
    word-break: break-all;
    color: #fbfbfb;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdid-cfjAybXqAsHgtPzdM-S_WH7bUuCrggaKN1lEh0Eu6enDdOapHjgiuau2_5WNI_8dJ3XxBby_HXAQqdpxVaT1xjhEtzelUTQvr6wbsteR_BTNUg-pLW96d5820OTOwiMk9uxklBCU/s500/back.png),linear-gradient(40deg,#2193b0,#6dd5ed);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 31px 35px;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0;
    display: inline-block;
    text-align: center;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments
function idbcomments(a) {
    var e;
    e = '<ul class="idbcomments">';
    for (var t = 0; numComments > t; t++) {
        var r, o, n, i;
        if (t == a.feed.entry.length) break;
        e += "<li>";
        for (var d = a.feed.entry[t], s = 0; s < d.link.length; s++) "alternate" == d.link[s].rel && (r = d.link[s].href);
        for (var l = 0; l < d.author.length; l++) o = d.author[l].name.$t, n = d.author[l].gd$image.src;
        n = -1 != n.indexOf("/s1600/") ? n.replace("/s1600/", "/s" + avatarSize + "-c/") : -1 != n.indexOf("/s220/") ? n.replace("/s220/", "/s" + avatarSize + "-c/") : -1 != n.indexOf("/s512-c/") && 0 != n.indexOf("http:") ? "http:" + n.replace("/s512-c/", "/s" + avatarSize + "-c/") : -1 != n.indexOf("blogblog.com/img/b16-rounded.gif") ? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC6TxsHtoMIXaAlC4IZOsLfxBT1vJVMeo95Wel12oWCNBx2zwBRzBYo6l_YvgejYEM2cojhvIwICthBA2i7mPBxt6LutS-cieZnso5YawmzIqjPpGv8tfzhz2VdPaL60QHsBEGQgjjrjMf/" + avatarSize + "/blogger.png" : -1 != n.indexOf("blogblog.com/img/openid16-rounded.gif") ? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvaR-QvCZpEhXA0H6Cv-Za1hZQJMwKPQ_4etoVnHoYQOJ2NF8uCOt6BWxYkaPPC7leexq5q-VzK5jqmI97HB3j8QLYBr24Un44jyDAc7_ApfOxYQmCBkYxQS6Hu5x1lTLVyxZh6Q8g60KE/" + avatarSize + "/openid.png" : -1 != n.indexOf("blogblog.com/img/blank.gif") ? -1 != defaultAvatar.indexOf("gravatar.com") ? defaultAvatar + "&s=" + avatarSize : defaultAvatar : n, 1 == showAvatar && (i = 1 == roundAvatar ? "avatarRound" : "", e += '<div class="avatarImage ' + i + '"><a title="Truy cập đến bình luận đó" href="' + r + '"><img class="' + i + '" src="' + n + '" alt="' + o + '" width="' + avatarSize + '" height="' + avatarSize + '"/></a></div>'), e += '<a style="display :none" href="' + r + '">' + o + "</a>";
        var A = d.content.$t,
            v = A.replace(/(<([^>]+)>)/gi, "");
        "" != v && v.length > characters ? (v = v.substring(0, characters), v += "…", 1 == showMorelink && (v += '<a href="' + r + '">' + moreLinktext + "</a>")) : v = v, e += "<span>" + v + "</span>", e += "</li>"
    }
    e += "</ul>";
    var c = "";
    0 == hideCredits && (c = "display :block;"), e += "", document.write(e)
}
var numComments = 4,
    showAvatar = !0,
    avatarSize = 42,
    roundAvatar = !0,
    characters = 30,
    showMorelink = !1,
    defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzwn77QXTO1IwNNZNzSiEBNUG4nFvQ7iE-gexv0anq_n12KRHk0vKDYOCOv0L-h1rwNb3uElHcCQxDiqhfQtoe-HjOnYg__VvLP94auEeom4zRzlH1wvJId5g6hUO5z6-xXdHdiK0N2YBO/s35/Logo-Bac-Si-Windows.png",
    hideCredits = !0,
    numComments = numComments || 5,
    avatarSize = avatarSize || 60,
    characters = characters || 25,
    defaultAvatar = defaultAvatar || "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzwn77QXTO1IwNNZNzSiEBNUG4nFvQ7iE-gexv0anq_n12KRHk0vKDYOCOv0L-h1rwNb3uElHcCQxDiqhfQtoe-HjOnYg__VvLP94auEeom4zRzlH1wvJId5g6hUO5z6-xXdHdiK0N2YBO/s35/Logo-Bac-Si-Windows.png",
    moreLinktext = moreLinktext || " More »",
    showAvatar = "undefined" == typeof showAvatar ? !0 : showAvatar,
    showMorelink = "undefined" == typeof showMorelink ? !1 : showMorelink,
    roundAvatar = "undefined" == typeof roundAvatar ? !0 : roundAvatar,
    hideCredits = "undefined" == typeof hideCredits ? !1 : roundAvatar;
//]]>
</script>
<script type="text/javascript" src="https://www.hloly.com/feeds/comments/default?alt=json&callback=idbcomments"></script>
<script type="text/javascript">
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
</script>

ثم إضغط حفظ