15 October 2012

Cara Buat Widget Recent Post Dengan Jumlah Komentar di Blogger

D-Copy Blog | Selamat malam sahabat blogger (15 Oktober 2012 - 20:56 WIB), tutorial kali ini saya akan memposting sebuah widget artikel dengan jumlah komentar dengan desain yang simple namun profesional. Widget ini cocok sekali untuk blog Anda jadi apa salahnya untuk Anda gunakan.
Recent Post Widget

Ok langsung saja :
  1. Buka Akun Blogger Anda
  2. Masuk ke Menu Layout > Add Gadget
  3. Pastekan kode dibawah ini :
<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin:10px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript' src='http://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>

<script src='http://d-copy.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
Keterangan : 

  • Ganti http://d-copy.blogspot.com dengan URL Blog Anda sobat.

8 comments:

  1. wah kayaknya blog ini kena "Google Code Subversion Repository" yah :) .

    ReplyDelete
    Replies
    1. oia kalo diliat dari errornya, kayaknya recent comment dibagian footernya yang bermasalah sob. (kalo kaga salah :)

      maaf sob, ane jadi sok tau nih.

      Delete
  2. :d makasih gan langsung dipraktekan

    ReplyDelete
  3. Info nya bagus saya terapkan di Blog Saya ga ada error. Makasih sob.

    ReplyDelete
  4. keren sob.saya coba dulu.terimakasih

    ReplyDelete
  5. Mantep gan,, makasih ini sangat membantu saya

    Salam.
    dpcfaster

    ReplyDelete

Beberapa panduan dalam berkomentar :
Untuk menyisipkan kode[code]KODE ANDA[/code]
Untuk menyisipkan quote[blockquote]QUOTE ANDA[/blockquote]
Untuk menyisipkan gambar[img]URL Gambar[/img]
Untuk menyisipkan video[youtube]URL Video[/youtube]
Anda bisa mengekspresikan komentar Anda dengan emoticon
Klik subscribe by email agar Anda segera tahu balasan komentar Anda