DickeyMaru DickeyMaru
DickeyMaru v7 200k IDR
Guest
Book

cara pasang kotak komentar biar kelihatan yang komentar baru ada yang pakai avatar lho

Author: HarisKhan 20.45 7 Comments


kita lanjut aja di tkp.....
ini diascipirt nya.<div class='widget-content'>
<div style="overflow:auto; padding:5px; width:auto; height:350px; background-color: #ffffff; border:5px solid #99ccff;"><ul>
<script>
function showrecentcomments(json) {
for (var i = 0; i < numcomments; i++) {
var entry = json.feed.entry[i];
var alturl;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}//edit by http://www.masbugie.com
alturl = alturl.replace("#", "#comment-");
var postlink = alturl.split("#");
postlink = postlink[0];
var linktext = postlink.split("/");
linktext = linktext[5];
linktext = linktext.split(".html");
linktext = linktext[0];
var posttitle = linktext.replace(/-/g," ");
posttitle = posttitle.link(postlink);
var commentdate = entry.published.$t;
var cdyear = commentdate.substring(0,4);
var cdmonth = commentdate.substring(5,7);
var cdday = commentdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<s[^>]*>/g;
comment = comment.replace(re, "");
if (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write('<li>');
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a>');
if (showposttitle == true) document.write(' on ' + posttitle);
if (showcommentdate == true) document.write(' at ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' ');
if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
if (standardstyling) document.write('<br/>');
if (comment.length < numchars) {
if (standardstyling) document.write('<i>');
document.write(comment);
if (standardstyling) document.write('</i>');}
else
{
if (standardstyling) document.write('<i>');
comment = comment.substring(0, numchars);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + alturl + '">(more)</a>');
if (standardstyling) document.write('</i>');}
if (!standardstyling) document.write('</div>');
}//edit by http://www.masbugie.com
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('</li>');
if (!standardstyling) document.write('</div>');}
</script>
<script style="text/javascript">
var numcomments = 5;
var showcommentdate = false;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://apasajaberita.blogspot.com//feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</ul></div>
</div>
<div class='clear'>

</div>

 keterangan yang bewarna merah ganti dengan url blog anda selesai taru di htmljavascipirt ok deh klik save.


 
NEWS UPDATE TERBARU
CARAMEMBUAT RECENT COMMENTS DEGAN AVATAR
 Bagaimana apa sobat tertarik unutk membuatnya? Langsung saja kita ikuti tutorial beikrut ini

1.    Login ke Blogger

2.    Pilih tab Design > Add a Gadget > Html/ JavaScript

3.    Copy kode di bawahj ini dan pastekan ke dalam gadget sobat

<style type="text/css">  
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;border:3px solid #BDBDBD; -webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}  
.w2b_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;}  
.w2b_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;}  
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}  
.w2b_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 = 30,  
roundAvatar = true,  
characters = 30,  
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",  
hideCredits = true;  
//]]>  
</script>  
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>  
<script type="text/javascript" src="urlblogsobat/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>  



4.    Ganti tulisan urlblogsobat dengan url blog sobat

5.    Ganti numComments = 5, (jumlah komentar yang ditampilkan)

6.    Ganti avatarSize = 30, (ukuran avatar dalam pixel)

7.     Setelah selesai simpan gadget sobat dan lihat hasilnya

Selamat mencoba, semoga berhasil dan bermanfaat  yang memakai ini



Share and Backlinks
About Hariskhan
Awalnya cuman iseng main blog lama-lama jadi Gimana gitu saya senengngotakngatik,udah aboutnya sekian aja jangan kepo, pliss komentar di Artikel ini Terimakasih
You Might Also Like This
7 komentar (click here to add new comment)
  1. mau di coba dulu,,,
    makasi..makasi...

    BalasHapus
  2. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  3. wah kenapa saya loding nya cepat lagi eror kalih di kamu ;)

    BalasHapus
  4. Manataaap nich infonya sob...!! ;) Izin coba ya sob...

    BalasHapus
  5. . . keren nich. ijin liat^ aja. he..86x . .

    BalasHapus

COMMENTS SOBAT :D

Labels

Like (y)

Pengikut

Hariskhanishaq

© 2008-2013 DickeyMaru v7 | design by Dark Ard ???? RedesignHarisKhan | Some Rights is Reserved
Selamat datang! di blog cahaya ilmu semoga artikel disini bermanfaat ^_^ ~