Recent Comments Blogger dengan Avatar

Tutorial kali ini sama saja dengan tutorial memasang Widget Recent Comment Valid XHTML, cuman kodenya aja yang berbeda. Jadi untuk tutorial yang lebih jelas silakan baca Widget Recent Comment Valid XHTML. Untuk postingan ini saya buat singkat saja.

Berikut caranya :

Buat widget HTML/JavaScript.
Beri judul Recent Comments atau apalah terserah Anda.

Lalu masukkan kode berikut :

<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  = 30,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://trikmasdewa.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Keterangan :

numComments : 5, jumlah komentar yang ditampilkan

avatarSize : 30, ukuran avatar dalam pixel

characters : 60, jumlah karakter yang ditampilkan

trikmasdewa.blogspot.com ganti dengan URL blog Anda.

max-results=5, jumlah komentar yang ditampilkan, ganti sesuai keinginan Anda.

Terakhir klik Save. Selesai...

Selamat mencoba Membuat Recent Comments Blogger dengan Avatar.

Backlink here..

<div style="text-align: justify;">
Tutorial kali ini sama saja dengan tutorial memasang Widget Recent 
Comment Valid XHTML, cuman kodenya aja yang berbeda. Jadi untuk tutorial
 yang lebih jelas silakan baca Widget Recent Comment Valid XHTML. Untuk postingan ini saya buat singkat saja.</div>
<a href="http://www.blogger.com/blogger.g?blogID=2754484828830750862" name="more"></a><br />
<div style="text-align: left;">
Berikut caranya :</div>
<ul>
<li>Buat widget HTML/JavaScript.</li>
<li>Beri judul Recent Comments atau apalah terserah Anda.</li>
<li>Lalu masukkan kode berikut :
<div style="background: #BBDDFF; overflow: auto; text-align: left; width: 450px;">
<pre><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  = <span style="color: red;">5</span>,
showAvatar  = true,
avatarSize  = <span style="color: red;">30</span>,
characters  = <span style="color: red;">60</span>,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://<span style="color: red;">trikmasdewa.blogspot.com</span>/feeds/comments/default?alt=json&callback=tb_recent_comments&<span style="color: red;">max-results=5</span>"></script></pre>
</div>
<div style="text-align: left;">
Keterangan :</div>
<div style="text-align: left;">
numComments : <span style="color: red;">5</span>, jumlah komentar yang ditampilkan<br />
<div style="text-align: left;">
avatarSize : <span style="color: red;">30</span>,<i> </i>ukuran avatar dalam pixel</div>
<div style="text-align: left;">
characters : <span style="color: red;">60</span>, jumlah karakter yang ditampilkan</div>
<div style="text-align: left;">
<span style="color: red;">trikmasdewa.blogspot.com</span> ganti dengan URL blog Anda.</div>
<div style="text-align: left;">
<span style="color: red;">max-results=5</span>, jumlah komentar yang ditampilkan, ganti sesuai keinginan Anda.
</div>
</div>
</li>
<li>Terakhir klik Save. Selesai...</li>
</ul>
Selamat mencoba Membuat Recent Comments Blogger dengan Avatar.
<br/> Sumber:
      <a href='http://trikmasdewa.blogspot.com/2013/03/recent-comments-blogger-dengan-avatar.html'>
Koleksi Mas Dewa
</a>

Recent Comments Blogger dengan Avatar

Written By Unknown on Rabu, 13 Maret 2013 | 00.48

0 komentar:

Followers

Test Footer

Link Sahabat Mas Dewa

Flag Counter