Berbagi Tips Komputer, Blogger, Dan Android

Membuat Widget Komentar Terbaru di Blog

Membuat Widget Komentar Terbaru di Blog - Widget recent Comment ini juga bisa mengisi ruang yang kosong yang biasanya terletak pada sidebar blog , maka blog tak tampak kosong ala kadarnya begitu saja. Membuat serta memasang recent komen di blog bisa mempermudah kamu serta pengunjung untuk mengenal komentar terkahir yang baru saja masuk ke blog kamu.
Tetapi apabila terlalu tak sedikit widget , blog juga tak seo frendly untuk pengunjung , disebabkan loading blog bakal bertambah terus berat .

Membuat Widget Komentar Terbaru di Blog

Bagi sobat yang belum tahu semacam apa itu recent comment serta sekaligus mematangkan sobat mengenai pemahaman sobat mengenai widget ini ( telah simak postingan diatas tadi ) silahkan sobat menonton foto diatas , Nah nantinya widget recent komentar yang bakal kami buat semacam itu.

Berikut Cara Membuat Widget Komentar Terbaru di Blog.
1. Login Ke Blogger Terlebih dahulu
2. Lalu Copy Kode Di Bawah

<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  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='Helmi Selo';

//]]>
</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>

* Ket : 
 numComments  = 5, [angka 5 Diganti dengan jumlah komentar yg ingin di munculkan]
 showAvatar  = true, [ganti true dengan "false" bila tidak ingin menampilkan komentar dengan gambar]
 avatarSize  = 35, [angka 35 adalah ukuran gambar pada komentar]
 roundAvatar = true, [avatar bulat]
 characters  = 40, [jumlah huruf dalam komentar]
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm", [biarkan default]
 adminBlog='Helmi Selo'; [Diganti dengan Nama Admin]

3. Klik Tambahkan Gadget
4. Klik Opsi HTML/JAVA SCRIPT
5. Lalu Pastekan kode Flag Counter anda pada halaman - (SAVE/Simpan Perubahan)
6. SELESAI 

Gimana Mas Gampang kan ? :).OK Sekian Artikel saya yang Mengenai "Membuat Widget Komentar Terbaru di Blog" Samapi Bertemu di Artikel Selanjutnya :)
Thanks to
http://www.masyadi.com/2015/02/cara.membuat.recent.comment.di.blog.html dan
http://blog.kangismet.net

5 Komentar untuk "Membuat Widget Komentar Terbaru di Blog"

Ini yang saya cari, tq mas :))

Mantab gan artikelnya
Kunjung balik gan= www.prediksi-bola86.blogspot.com

Back To Top