RECENT COMMENT WIDGET AUTO

Saturday, 31 May 2014

RECENT COMMENT WIDGET AUTO

------------------------------------------------------------------------------------------------------------

1-ADD HTML/JAVA WIDGET AND PASTE BELOW CODE IN THIS WIDGET

-----------------------------------------------------------------------------------------------------------

<div id="recentcommnetsx"></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccommnetsx({
id_containrc:"#recentcommnetsx",
numComments:4,
avatarSize:50,
characters:100,
adminBlog:""
});
});
//]]>
</script>

-----------------------------------------------------------------------------------------------------
2- COPY AND PASTE BELOW TEMPLATE CODE
------------------------------------------------------------------------------------------------------

<html>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: SCROLL POPULAR POST IN SIDEBAR TEMPLATE
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */

#navbar-iframe, #Navbar1 {display:none !important;}
header, nav, section, aside, article, footer {display:block;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
/* Use this with templates/template-twocol.html */
body,.body-fauxcolumn-outer{background:#ECECEC;margin:0;padding:0;color:#333333;font:x-small Georgia Serif;font-size
/* */:/**/
small;font-size:/**/
small;text-align:center}
a,ul.randomnya li,ul.randomnya .overlayx,.Label li,#related-postsx .overlayb{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
a:link{color:#1295C9;text-decoration:none}
a:visited{color:#999999;text-decoration:none}
a:hover{color:#2C2C2C;text-decoration:underline}
a img{border-width:0}
#NoScript{background:none repeat scroll 0% 0% rgb(255,255,255);text-align:center;padding:5px 0;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0.9}
#NoScript h6{font-size:24px;color:rgb(102,102,102);position:absolute;top:50%;width:100%;text-align:center;margin-left:-30px;margin-top:-18px}
/* Header
-----------------------------------------------
*/
#header-wrapper{margin:0 auto 0;padding:10px;height:110px}
#headnya{float:left;min-width:300px}
#head-ads{float:right;min-width:468px}
#head-ads .widget{margin:15px 10px 0 0}
#header{color:#1F1F1F;margin:0}
#header h1,#header p{margin:0;padding:15px 10px 0;line-height:1.2em;text-transform:uppercase;font-size:260%;font-family:"Bitter",arial,sans-serif}
#header a{color:#1F1F1F;text-decoration:none}
#header a:hover{color:#1295C9}
#header .description{margin:0;padding:0 10px 15px;text-transform:uppercase;letter-spacing:.2em;line-height:1.4em;color:#292929;font:normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif}
#header img{margin-left:auto;margin-right:auto}
/* Navigation
----------------------------------------------- */

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper{width:1045px;background-color:#FDFDFD;margin:0 auto;padding:0;text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif;}
#main-wrapper{width:68%;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}

/* Headings
----------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-family:"Bitter",arial,sans-serif;font-weight:normal;text-transform:none;margin:0}
/* Posts
-----------------------------------------------
*/

]]></b:skin>

<style type='text/css'>

ul.recntpst,ul.recntpst li,ul.rcomnetxx,ul.rcomnetxx li{list-style:none;padding:0;margin:0;overflow:hidden}
ul.recntpst .thumbp,ul.rcomnetxx .kmtimg{float:left;margin:0 5px 3px 0}
ul.recntpst strong,ul.rcomnetxx strong{display:block}
ul.recntpst p,ul.rcomnetxx p{margin:5px 0 10px}
ul.recntpst .date,ul.recntpst .cm,ul.rcomnetxx .date{font-size:10px}
ul.rcomnetxx .dd,ul.rcomnetxx .dm,ul.rcomnetxx .dy{margin-right:3px}

</style>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
window.rccommnetsx=(function(){var a=function(n){var e=n||{},i=e.url_blog||"",b=e.id_containrc||"#rcentcomnets",k=e.numComments||5,h=e.avatarSize||40,f=e.characters||100,d=e.loadingClass||"loadingxx",m=e.defaultAvatar||"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg02C4HLhkQTAltLL-WrifqyZqVw3M1R2xOWaejWJHnC_nyMVLN8TSNq0vg-kUv80Z4b0Ruhq-0Uj9pHJtxbbX-4uEfCndtaIvB4Dr_uzm1zvO_a-kMCdxFIpFMTvSMDootJHUAXPLT-6kl/s70/user-anonymous-icon.png",l=e.maxfeeds||50,g=e.MonthNames||["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],c=e.adminBlog||"";$(b).addClass(d);var j=i;if(i===""){j=window.location.protocol+"//"+window.location.host}$.ajax({url:j+"/feeds/comments/default?alt=json-in-script&orderby=published",type:"get",dataType:"jsonp",success:function(H){var p,o=H.feed.entry;if(o!==undefined){p="<ul class='rcomnetxx'>";ntotal=0;for(var G=0;G<l;G++){var w,I,L,u,M,t,A;if(G==o.length){break}if(ntotal>=k){break}var r=o[G];for(var C=0;C<r.link.length;C++){if(r.link[C].rel=="alternate"){w=r.link[C].href}}for(var K=0;K<r.author.length;K++){I=r.author[K].name.$t;L=r.author[K].gd$image.src}if(I!=c&&ntotal<k){ntotal++;p+="<li>";if(L=="http://img1.blogblog.com/img/blank.gif"){u=m}else{u=L.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h+"$1")}t=(r.author[0].uri)?r.author[0].uri.$t:"#nope";p+='<a target="_blank" class="kmtimg" rel="nofollow" href="'+t+'"><img src="'+u+'" title="'+I+'" alt="'+I+'" style="width:'+h+"px;height:"+h+'px;display:block"/></a>';var z=w.lastIndexOf("/")+1,B=w.lastIndexOf("."),N=w.split("-").join(" ").substring(z,B)+"...";M=r.published.$t.substring(0,10);var y=M.substring(0,4),D=M.substring(5,7),J=M.substring(8,10),E=g[parseInt(D,10)-1],x=r.published.$t.substring(11,16),s=x.substring(0,2),F=x.substring(2,5);if(s<12){A="AM"}else{A="PM"}if(s===0){s=12}if(s>12){s=s-12}p+='<div class="ketkomt"><strong><a title="'+N+'" target="_blank" rel="nofollow" href="'+w+'">'+I+'</a></strong> <span class="date"><span class="dd">'+J+'</span><span class="dmndy"><span class="dm">'+E+'</span><span class="dy">'+y+'</span></span><span class="timex">'+s+F+" "+A+"</span></span></div>";var v=r.content.$t;var q=v.replace(/(<([^>]+)>)/gi,"");if(q!==""&&q.length>f){q=q.substring(0,f);q+="..."}else{q=q}p+="<p>"+q+"</p>";p+="</li>"}}p+="</ul>";$(b).html(p).removeClass(d)}else{$(b).html("<span>No result!</span>").removeClass(d)}},error:function(){$(b).html("<strong>Error Loading Feed!</strong>").removeClass(d)}})};return function(b){a(b)}})();

//]]>
</script>

</head>

<body itemscope='' itemtype='http://schema.org/WebPage'>
<noscript>
<div id='NoScript'>
<h6>Please enable javascript to view this site.</h6>
</div>
</noscript>
<div id='outer-wrapper'>
<header id='header-wrapper' itemscope='' itemtype='http://schema.org/WPHeader'>
<div id='head-ads'>
<b:section class='header-ads' id='header-ads1' maxwidgets='1'>
<b:widget id='HTML1' locked='false' title='RECENT COMMENT' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</header>
<div id='content-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div class='clear'> </div>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
</body>
</html>

--------------------------------------------------------------------------------------------------------
OR USE UPPER CODE BY THIS WAY

http://fbgadgets.blogspot.co.uk/2014/05/recent-comment-widget-auto-by-htmljava.html
--------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------
1- FIND AND REPLACE HEAD TAG

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

</head>
---------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------
2- COPY AND PASTE BELOW CODE IN HTML/JAVA WIDGET
-------------------------------------------------------------------------------------------------------

<style type='text/css'>
ul.recntpst,ul.recntpst li,ul.rcomnetxx,ul.rcomnetxx li{list-style:none;padding:0;margin:0;overflow:hidden}
ul.recntpst .thumbp,ul.rcomnetxx .kmtimg{float:left;margin:0 5px 3px 0}
ul.recntpst strong,ul.rcomnetxx strong{display:block}
ul.recntpst p,ul.rcomnetxx p{margin:5px 0 10px}
ul.recntpst .date,ul.recntpst .cm,ul.rcomnetxx .date{font-size:10px}
ul.rcomnetxx .dd,ul.rcomnetxx .dm,ul.rcomnetxx .dy{margin-right:3px}
</style>

<div id="recentcommnetsx"></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccommnetsx({
id_containrc:"#recentcommnetsx",
numComments:4,
avatarSize:50,
characters:100,
adminBlog:""
});
});

window.rccommnetsx=(function(){var a=function(n){var e=n||{},i=e.url_blog||"",b=e.id_containrc||"#rcentcomnets",k=e.numComments||5,h=e.avatarSize||40,f=e.characters||100,d=e.loadingClass||"loadingxx",m=e.defaultAvatar||"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg02C4HLhkQTAltLL-WrifqyZqVw3M1R2xOWaejWJHnC_nyMVLN8TSNq0vg-kUv80Z4b0Ruhq-0Uj9pHJtxbbX-4uEfCndtaIvB4Dr_uzm1zvO_a-kMCdxFIpFMTvSMDootJHUAXPLT-6kl/s70/user-anonymous-icon.png",l=e.maxfeeds||50,g=e.MonthNames||["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],c=e.adminBlog||"";$(b).addClass(d);var j=i;if(i===""){j=window.location.protocol+"//"+window.location.host}$.ajax({url:j+"/feeds/comments/default?alt=json-in-script&orderby=published",type:"get",dataType:"jsonp",success:function(H){var p,o=H.feed.entry;if(o!==undefined){p="<ul class='rcomnetxx'>";ntotal=0;for(var G=0;G<l;G++){var w,I,L,u,M,t,A;if(G==o.length){break}if(ntotal>=k){break}var r=o[G];for(var C=0;C<r.link.length;C++){if(r.link[C].rel=="alternate"){w=r.link[C].href}}for(var K=0;K<r.author.length;K++){I=r.author[K].name.$t;L=r.author[K].gd$image.src}if(I!=c&&ntotal<k){ntotal++;p+="<li>";if(L=="http://img1.blogblog.com/img/blank.gif"){u=m}else{u=L.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h+"$1")}t=(r.author[0].uri)?r.author[0].uri.$t:"#nope";p+='<a target="_blank" class="kmtimg" rel="nofollow" href="'+t+'"><img src="'+u+'" title="'+I+'" alt="'+I+'" style="width:'+h+"px;height:"+h+'px;display:block"/></a>';var z=w.lastIndexOf("/")+1,B=w.lastIndexOf("."),N=w.split("-").join(" ").substring(z,B)+"...";M=r.published.$t.substring(0,10);var y=M.substring(0,4),D=M.substring(5,7),J=M.substring(8,10),E=g[parseInt(D,10)-1],x=r.published.$t.substring(11,16),s=x.substring(0,2),F=x.substring(2,5);if(s<12){A="AM"}else{A="PM"}if(s===0){s=12}if(s>12){s=s-12}p+='<div class="ketkomt"><strong><a title="'+N+'" target="_blank" rel="nofollow" href="'+w+'">'+I+'</a></strong> <span class="date"><span class="dd">'+J+'</span><span class="dmndy"><span class="dm">'+E+'</span><span class="dy">'+y+'</span></span><span class="timex">'+s+F+" "+A+"</span></span></div>";var v=r.content.$t;var q=v.replace(/(<([^>]+)>)/gi,"");if(q!==""&&q.length>f){q=q.substring(0,f);q+="..."}else{q=q}p+="<p>"+q+"</p>";p+="</li>"}}p+="</ul>";$(b).html(p).removeClass(d)}else{$(b).html("<span>No result!</span>").removeClass(d)}},error:function(){$(b).html("<strong>Error Loading Feed!</strong>").removeClass(d)}})};return function(b){a(b)}})();
//]]>
</script>