| Software | Trik & Tutorial

Partners

click here
wwwanimewww.blogspot.com

Rabu, 10 Oktober 2012

1 Memasang Recent Comment Langsung Dengan Avatar di Blog


Cara Membuat dan Memasang Recent Comment Di Blog Tanpa Edit HTML

 Jika sobat tertarik untuk memasangnya di blog sobat, Seperti yang sudah pasang di Sidebar blog ini, Silahkan ikuti langkah-langkahnya sebagai berikut:

1. Silahkan Sobat >> Login/Masuk ke Blog dengan akun Sobat.
2. Kemudian di Dashboard blog, Pilih Menu >> Layout/Tata Letak.
3. Setelah itu sobat pilih atau tentukan dimana kira-kira "Recent Comment" akan sobat taruh atau letakkan. Pilih >> Add Gadget/Tambah Gadget. Lalu pilih >> HTML/Javascript.
4. Silahkan Sobat Masukkan semua Code Script di bawah ini pada kotak HMTL/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://kuc0pas.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Created : Gunawan

Catatan:
  • numComments  = 5 : adalah jumlah komentar yang akan ditampilkan pada blog sobat.
  • avatarSize  = 50 : adalah ukuran pixel foto atau gambar (avatar).
  • characters  = 60 : adalah Jumlah karakter huruf komentar yang akan di tampilkan.
  • Warna Merah : Silahkan ganti dengan alamat URL blog Sobat.
5. Langkah yang terakhir jangan lupa sobat kasih Judul lalu klik SIMPAN dan lihat hasilnya.

1 komentar:

Kejambon Community mengatakan...

tanks atas informasinya sob !!

Posting Komentar