Cara Membuat Recent Comment di blog

 
Pagi ini www.davidgunawan123.blogspot.com sebelum kesekolah saya mau post dulu tentang cara membuat recent comment, recent comment merupakan widget yang isinya adalah history dari comentar comentar yang ada di blog kita, tapi tujuan nya saya tidak tau tapi lagi trend sekarang jadi saya ikuti saja mode ini, jadi yang bloem ada pasang ya siapa tau bikin blog anda makin trend wkwkwkwk

Langsung saja caranya
1, Masuk www.blogger.com
2. Tata Letak
3. Add Gadget
4. HTML/Java Script
5. Pastekan code dibawah ini
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_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;}
.avatarImage:hover{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_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  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/26002010100/recent-comment-by-rendy-aprizia-prayoga.js"></script>
<script type="text/javascript" src="http://www.davidgunawan123.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>  
6. Simpan dan selesai
NB : yang saya beri warna merah ubah dengan link kalian masing masing (url)
Comment ya bila tidak mengerti

Related Post:


Facebook Comments
2 Blogger Comments



Like Fanspage D-G Blog

 
Selamat Datang Di D-G Blog, Kini Hadir Dengan Tampilan Baru. Silakan Dibaca Dan Sedot Ilmunya Serta Silakan Tinggal Comment Di Blog Ini.Terima Kasih.FOLLOW THIS BLOGVALID HTML5