Berbagi Tips Komputer, Blogger, Dan Android

Saturday, May 30, 2015

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

Previous
Next Post »

9 komentar

taufiqseptry17 delete May 31, 2015 at 1:00 AM

Makasih gan infonya ....

Helsel delete May 31, 2015 at 2:02 PM

Sama Sama mas :)

Anime Loverz delete May 31, 2015 at 2:28 PM

Ini yang saya cari, tq mas :))

Helsel delete June 1, 2015 at 11:53 AM

Sana" mas :)..Terima Kasih Sudah Berkunjung

Unknown delete June 3, 2015 at 3:23 PM

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

Helsel delete June 4, 2015 at 6:07 PM

Makasih mas :D
Sip" mas Cepz

rico18 official delete June 16, 2015 at 9:25 AM

wah keren nih mas mw coba dlu

Helsel delete June 17, 2015 at 12:00 PM

SIlahkan DiCoba :)

SMA Islam Nurur Riyadlah delete November 12, 2015 at 4:45 AM

trimakasih mas atas informasinya...

Dilarang Spam , Flood , Junk , Sara , Link Aktif Dsb.

 
Back To Top