اهلا بكم متابعينا على قناة ومدونة اليزن للتقنية حيث اليوم نقدم لكم اداة احترافية لبلوجر
إضافة جديدة وحصرية لإضافة لأخر التعليقات على مدونة بلوجر
طريقة التركيب
اذهب للتخطيط - اضافة اداة- HTML/Javascript
<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://2.bp.blogspot.com/-acmr7qFE5mY/W2coPRYHacI/AAAAAAAADEk/L122bvj65oocNDKHCP_FdnGYL59MKl4FwCLcBGAs/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") ? "http://1.bp.blogspot.com/-7bkcAKdpGXI/UrbyQRqvSKI/AAAAAAAAFmI/oBv_yMeYnMQ/s" + avatarSize + "/blogger.png" : -1 != n.indexOf("blogblog.com/img/openid16-rounded.gif") ? "http://2.bp.blogspot.com/-VgnInuIUKBU/UrbzyXTYWRI/AAAAAAAAFmU/3f_Vfj3TI6A/s" + 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://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s35/Logo-Bac-Si-Windows.png", hideCredits = !0, numComments = numComments || 5, avatarSize = avatarSize || 60, characters = characters || 25, defaultAvatar = defaultAvatar || "https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/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>
ثم اضغط على حفظ
