Cara membuat recent komen dengan avatar tanpa edit html Di Blogger - Cara membuat recent komen dengan avatar tanpa edit html --Tips sederhana namun menarik untuk ditelaah lebih jauh lagi. Sebagaimana yang sudaha sobat ketahui bahwa komentar setidaknya bisa menjadi sedikit umpan balik untuk sebuah blog. Namun, tidak selalu komentar yang menjadi inti pembicaraan dalam dunia blogging, lagi-lagi yang blogger bicarakan adalah konten. beeh.. kurang nyambung :DSobat masterendi.com yang super, :D aplikasiterunik.com ingin bercerita sebuah triks yang sudah banyak beredar yaitu bagaimana Cara membuat recent komen dengan avatar tanpa edit html. Sobat tertarik mari ikuti penelusran saya. :)
Cara membuat recent komen dengan avatar tanpa edit html
- Sobat login ke akun blogger.com sobat
- Lalu masuk ke layout --> Add Gadget --> Pilih yang HTML JavaScript
- Masukkan kode berikut ke dalam kotak HTML JavaScript
<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;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.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://johnytemplate.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://www.aplikasiterunik.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
Warna merah (5) : adalah jumlah komentar yang ditampilkan
Warna kuning (50) : ukuran pixel avatar
Warna hijau (60) : Jumlah karakter huruf komentar
Warna biru : ganti dengan URL blog sobat.
4. SAVE
Silahkan refresh halaman blog sobat lihat hasilnya, selamat mencoba...
Posting Komentar