Tips Cara Membuat Recent Comment Di Blogspot




Tips Cara Membuat Recent Comment Di Blogspot
Tips Cara Membuat Recent Comment Di Blogspot 
 Penjelasan pada malam ini adalah mengenai tentang Tips Cara Membuat Recent Comment Di Blogspot Kegunaan dari Recent Comment ini adalah untuk bisa memudahkan anda dan pengunjung untuk mengetahui komentar terkahir baru saja masuk ke blog anda . bukan hanya itu saja widget recent Comment ini juga bisa mengisi ruang kosong yang terletak pada sidebar blog , sehingga blog tidak terlihat kosong ala kadarnya begitu saja. Tetapi jika terlalu banyak widget akan membuat blog akan tidak seo frendly untuk para pengunjung , pastinya sehingga loading blog pun akan bertambah semakin berat pula . 

Untuk anda yang ingin membuat widget Recent Comment di penjelasan ini tidak sulit kok , jadi anda jangan  memikirkan koding css dan javascript lagi, karena sudah di buat kode nya oleh para master blogger kita.

Nah bagi anda yang memang belum tahu seperti apa itu recent comment, anda bisa melihat gambar diatas , yang nantinya widget recent komentar yang kita buat nanti hasilnya akan seperti contoh gambar di atas juga.
# Tips Cara Membuat Recent Comment Keren di Blogspot

Nah untuk lebih jelasnya lagi cara membuat Recent Comment di blogspot, langsung saja anda ikuti tutorial nya di bawah ini dengan santai ya.

LAngkah-langkahnya
1. Terlebih dahulu anda masuk ke dasbhor blog milik anda
2. kemudian anda bisa melihat menu pada bagian samping kiri , dan anda pilih menu Tata Letak => Tambah Gadget => Html/Javascript
3. Kemudian salin lah kode dibawah ini dan anda tempelkan di dalam kolom html/javascript tadi
<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='mizipedia';
//]]>
</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>

4. Terkahir Klik Simpan
    Untuk kode - kode diatas Anda bisa menyesuaikan  dengan blog anda, yaitu seperti menentukan jumlah komentar yang akan ingin di tampilkan dan lain sebagainya , untuk jelasnya silahkan anda perhatikan 
    keterangan di bawah ini:

    Untuk membuat tampilan berbeda, silahkan anda edit CSS diatas.
    numComments => ( JUmlah komentar yang akan di tampilkan)
    showAvatar => true ( fals, jika anda ingin menyembunyikan avatar )
    avatarSize => 35 ( ukuran avatar dalam fixel) 
    roundAvatar => true (avatar bulat)
    characters => 40 ( jumlah karakter isi komentar)
    defaultAvatar => "http://www.gravatar.com,/avatar/?d+mm" ( avatar default)

    adminBlog => 'jmizipedia' (nama admin blog wajib di gantikan)

    Bagaimana mudah bukan cara membuat Recent Comment di atas, karena menurut saya mudah sekali walaupun anda masih dalam pemula. mungkin sampai disini dulu penjelasanya, terimaksi telah berkunjung. semoga bermanfaat untuk anda, wassalam.

    Share Google URL Shortener: Get Short URLloading short url

    Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.

    Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
    Blogger
    Disqus
    Pilih Sistem Komentar Yang Anda Sukai

    No comments

    Peraturan Berkomentar di mizipediacom
    1. Berkomentarlah dengan Relevan dan Sopan
    2. Jangan Spam
    3. Tidak Porn dan Sara
    4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
    5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>

    + Follow
    Join on this site

    with Google Friend Connect