--> Skip to main content

Cara Memasang Recent Comment pada Blog

KeyzeX - Memasang Recent Comment dapat memudahkan Owner blog atau pengunjung blog untuk mengetahui komentar komentar yang terakhir masuk ke dalam blog yang kita kelola. Widget Recent Comment juga dapat mengisi ruang kosong yang terletak pada sidebar blog agan. Namun , jika terlalu banyak Widget yang terpasang pada blog agan bisa mengakibatkan blog tidak SEO Frendly untuk pengunjung dan juga dapat mengakibatkan lambatnya loading pada saat akan membuka blog. Recent Comment ini juga sudah dilengkapi dengan Avatar yang membuatnya semakin menarik lagi untuk di pandang dan enak untuk di pasang pada blogger agan semua.


Berikut adalah cara untuk memasang Recent Comment pada blogger :
  1. Login terlebih dahulu pada blogger lalu pada bagian Dashbor pergi ke Tata Letak > Tambah Gadget ( Tentukan letak mana yang menurut agan cocok untuk dipasangi ) > HTML/JavaScript.
  2. Copy kode di bawah ini lalu pastekan pada Konten 


<style type="text/css" scoped>

ul.kangismet_recent{list-style:none;margin:0;padding:0;}

.kangismet_recent li{background:none !important;margin:0 0 6px !important;padding:3px 

!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;

border-radius:9px; max-height: 100px;}

.kangismet_recent li:hover{border: 1px solid #ddd;}

.kangismet_recent a {text-decoration:none;}

.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;width:35px;height:35px}

.kangismet_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}

</style>

<script type="text/javascript">

//<![CDATA[

    var

 numComments  = 5,

 showAvatar  = true,

 avatarSize  = 35,

 roundAvatar = true,

 characters  = 50,

 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",

 hideCredits = true;

 maxfeeds=50,

 adminBlog='Rahadina Budiman Sundara';

//]]>

</script>

<script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script>

<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50">

</script>


3. Terakhir , Klik simpan.

Namun , ada beberapa hal yang harus di perhatikan sebelum pemasangan Recent Comment. Kode - Kode di atas harus di sesuaikan dengan blog agan ( Tidak Wajib ) seperti menentukan jumlah komentar dan menggunakan Avatara atau tidak.

Berikut Penjelasan mengenai kode atau Script Recent Comment karya Kang Ismet :

numComments = 5 // Jumlah Komentar yang ditampilkan bisa dirubah dengan kebutuhan agan
showAvatar = true // Memunculkan Avatar , jika tidak ingin di munculkan gunakan false
AvatarSize = 35 // Ukuran avatar dalam pixel
roundAvatar = true // Membuat avatar bulat
characters = 50 // Jumlah karakter yang ditampilkan pada isi komentar
defaultAvatar ="http://www.gravatar.com/avatar/?d=mn" // Avatar Default
adminBlog='Kang Ismet' // Admin blog wajib di ganti sesuai dengan nama admin atau owner pada blog agan


Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar