Skip to main content

Cara Membuat Widget Recent Comment di Blog

Cara Membuat Widget Recent Comment di Blog – Widget Recent Comment adalah widget untuk menampilkan komentar terbaru dari konten-konten pada Blog Anda, widget ini dilengkapi dengan tampilan foto profil pemberi komentar dan tentunya menampilkan kata-kata dalam komentar.

Sudah lama sekali saya tidak memposting artikel, hanya saja malas. Saya mulai bangkit kembali untuk berbagi kepada rekan-rekan blogger, kali ini saya ingin berbagi cara mudah membuat widget recent comment blog, tentunya semua sudah mengetahui penjelasan diatas, hehehe.

Widget recent comment ini sangat memudahkan rekan blogger untuk mengetahui komentar terbaru yang masuk ke dalam konten postingan Anda, menurut saya widget ini jauh lebih efektif untuk mengetahui atau mengontrol komentar terbaru di blog Anda. Tidak perlu khawatir, widget recent comment di blog tidak akan memberatkan loading blog Anda.

Cara Membuat Widget Komentar Terbaru (Recent Comment) di Blogger

Jika Anda tertarik dengan cara mudah membuat widget recent comment (komentar terbaru) blog, ikuti saja petunjuknya di bawah ini:

1. Masuk ke akun Blogger Anda.

2. Masuk pada bagian Tata Letak > Klik Tambahkan Gadget > Pilih mode HTML/Javascrpt.

3. Masukkan kode berikut pada kotak HTML/Javascrpt.

<div style=”overflow:auto;width:auto;height:378px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;”> <style type=”text/css”> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_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;} .w2b_recent_comments li .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;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_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 = 10,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 250,
defaultAvatar = “”,
hideCredits = true;
//]]>
</script>
<script type=”text/javascript” src=” http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js “></script> <script type=”text/javascript” src=”https://www.panduandroid.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100″></script></div>

Keterangan:

https://www.panduandroid.com : Ganti dengan URL blog teman anda.

4. Simpan dan lihat hasilnya, anda bisa meletakkan gadget tersebut pada posisi yang anda inginkan.

Sekian artikel tentang cara menambahkan widget komentar terbaru (recent comment) di blogger, selamat mencoba dan semoga dapat bermanfaat.

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