Bagaimana Cara Membuat Widget Recent Komentar di Blog?

Sofyan Arif

Tuesday, September 29, 2015

Bagikan :

Tweet

Contoh Widget Recent Komentar

Sobat biasanya ingin sekali menaruh widget recent di halaman blog. Entah itu sebelah kanan, kiri atau bawah. Dalam artian jika sudah ada pengunjung yang memberikan komentar pada blog sobat, maka secara otomatis akan muncul sendiri dalam widget recent komentar. Seperti gambar di samping ini. Nah, bagaimana caranya? 

1. Seperti biasa anda wajib login ke Blogger
2. Masuk ke halaman dashboard kemudian pilih tata letak
3. Setelah memilih tata letak klik tambahkan widget
4. Kemudian masukkan kode di bawah ini:

<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 = 5,    showAvatar = true,    avatarSize = 25,    roundAvatar = true,    characters = 25,    defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",    hideCredits = true;    //]]>    </script>    <script type="text/javascript" src="http://gemar-html.googlecode.com/svn/trunk/js/widget-komentar-terbaru-dengan-avatar-bulat.js"></script>    <script type="text/javascript" src="http://www.sofyanarif.web.id/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Kemudian Catatan penting: Gantilah nama yang saya kasih tanda merah (http://www.sofyanarif.web.id/) menjadi alamat url blog sobat.  Setelah itu simpan. Jreng, widget recent komentar akan tampil pada blog anda. Nah, simple kan? 

Baca juga: Cara bikin link url di blog

Tag : Tutorial Blog