Halaman Komentar

<style> #comments { background:#fff; border:1px solid #ccc; margin:20px 0 0; padding:20px;display:block;} .comment-form p { background:#fff; padding:10px; margin:5px 0 5px 0; color:#000; font-size:13px; line-height:20px; position:relative;display:none; } #comments h5 {border-radius:4px 4px 0 0;font-size:14px;font-family:Oswald,Arial,Sans-Serif;text-transform:uppercase;font-weight:normal;left:0;top:-44px;background:#393939;color:#fff;width:84.8%;padding:14px 20px 14px 75px;position:absolute;display:none;} #comments h5:before { content: "\f0e6"; font-family:fontAwesome; font-size:22px; font-style: normal; background-color:#49B8F3; color:#fff; border-radius:4px 0 0 4px; top:0; left:0; padding:13px 20px; position:absolute; } </style> <div class="separator" style="clear: both; text-align: center;"> <img alt=" Komentar Terbaru" src="https://4.bp.blogspot.com/-q5XoFGYzcU4/V134OYZsHrI/AAAAAAAAAOU/tlD71IWuEu835TFA7_pdzV3NOEp3ILXRQCKgB/s1600/halaman-komentar-terbaru.png" title=" Komentar Terbaru" /></div> <style scoped="" type="text/css"> #widgetku22{background:#f3f3f3;border:1px solid #ddd;width:94%;padding:15px;margin:0 auto;overflow:hidden;} #recentpostnav{border:1px solid #585858;width:100%;margin:0 auto} #recentpostsae{margin:0} .recentpostel{background:#fff;display:block;border:1px solid #ddd;margin:5px 0;padding:10px;height:79px} .recentpostel img{background:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd} .recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:14px!important;font-weight:700!important;margin:0;color:#111} .recentpostel:hover{background-color:#fefefe} .recentpostel p{font-size:13px;text-align:left;color:#555;line-height:normal;margin:5px 0} #recentpostload{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:url(http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif) 50% 50% no-repeat #fff;height:470px;border:1px solid #ddd} #recentpostnavfeed{background:#fff;border:1px solid #ddd;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0} #recentpostnavfeed:hover{background-color:#fefefe} #recentpostnavfeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px} #recentpostnavfeed span{padding:5px 10px} #recentpostnavfeed .next{float:right} #recentpostnavfeed .previous{float:left} #recentpostnavfeed .home{text-align:center} #recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:transparant!important} </style> <script type="text/javascript"> //<![CDATA[ var numfeed = 4; var startfeed = 0; var urlblog = "http://asatrindoberbisnis.blogspot.com"; var charac = 110; var urlprevious, urlnext; function arlinafeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"http://3.bp.blogspot.com/-BHuXHny1kOk/VXrkSyxKCjI/AAAAAAAACas/pZLJAEUDtds/s1600/no-image.png",s+="<div class='recentpostel'> ",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6> <a href='"+r+"'>"+n+"</a></h6> ",s+="<p> "+arlinafeed(i,charac)+"...</p> ",s+="</div> "}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'>Previous</a>":"<span class='noactived previous'>Previous</span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'>Next</a>":"<span class='noactived next'>Next</span>",s+="<a href='javascript:navigasifeed(0);' class='home'>Home</a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'> </div> ",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","arlinalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)}; //]]> </script> <br /> <div id="widgetku22"> <div id="recentpostsae"> </div> <div id="recentpostnavfeed"> </div> </div> <br /> <style> .emoWrap { position:relative; padding:10px; margin-bottom:7px; background:#fff; color-stop(0,#ddd),color-stop(1,#ddd)); border:1px solid #ddd; font-weight:normal; color:#333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .emoWrap:after { content:""; position:absolute; bottom:-10px; left:10px; border-top:10px solid #ddd; border-right:20px solid transparent; width:0; height:0; line-height:0; } </style>