Home » Blogger Hack » Buat widget Recent Comment dengan Avatar di Blog

Buat widget Recent Comment dengan Avatar di Blog

Kali ini Blog Gado Gado akan menampilkan artikel berjudul Buat widget Recent Comment dengan Avatar di Blog. Dengan artikel Buat widget Recent Comment dengan Avatar di Blog ini kami berharap dapat menjadi sebuah rujukan dan bahan penambah wawasan kita terkait dengan judul tersebut. Artikel ini adalah hasil pencarian di google dengan kata kunci Buat widget Recent Comment dengan Avatar di Blog kemudian saya kumpulkan dan saya sajikan buat anda di Blog Gado Gado ini. Semoga kehadiran artikel ini bermanfaat bagi kita semua.anda juga dapat melihat artikel sebelumnya atau artikel berikutnya. Ok, langsung saja berikut adalah artikel Buat widget Recent Comment dengan Avatar di Blog selengkapnya:

Recent Comments Widget Dengan Avatar Untuk BloggerBuat widget Recent Comment dengan Avatar di Blog - D-Copy BlogWidget Recent Comments untuk Blogger menampilkan komentar blog baru pada sidebar.You Anda dapat menggunakan widget ini untuk menampilkan komentar terbaru dari setiap blog blogger.Dalam widget ini kita bisa menampilkan Avatar dari commenter gunakan. Seperti yang terlihat Widget terbaru saya Komentar, ini tampak persis sama untuk widget Widget.This terbaru saya Komentar sangat disesuaikan. Sehingga Anda dapat dengan mudah menyesuaikan terakhir Anda komentar widget.You juga dapat mengatur gambar default avatar dan hal banyak lagi yang Anda dapat dengan mudah menyesuaikan.



Langkah :

  1. Ke Dashboard Blogger > Tata Letak 
  2. Klik Tambah Gadget > HTML / JavaScript
  3. Paste kode di bawah ini dan simpan.
<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  = 40,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<p style="display:none;">Recent Comments Widget for Blogger With Avatar For Blogger by <a href="http://beautifulbloggerwidgets.blogspot.com/">Beautiful Blogger Widgets</a></p>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://yourblogname.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
      4. Sekarang ubah  yourblogname.blogspot.com  dengan URL blog Anda sendiri.

Kustomisasi (Opsional)


  • Untuk mengubah jumlah komentar temukan numComments = 5,
  • Jika Anda tidak ingin menampilkan avatar kemudian cari kode ini showAvatar = true
  • Untuk mengubah ukuran avatar cari kode avatarSize = 40
  • Jika Anda tidak ingin tampilkan avatar bulat kemudian cari kode ini roundAvatar = true
  • Untuk mengatur jumlah maksimal karakter cari kode karakter = 40
  • Untuk menampilkan lebih banyak link cari kode ini dan rubah nilainya menjadi trueshowMorelink = false
  • Jika Anda mengaktifkan nilai link menunjukkan lebih banyak maka Anda dapat mengubah teks yang menunjukkan lebih link.Find kode ini moreLinktext = "More» "
  • Untuk mengubah gambar default avatar cari kode defaultAvatar = "http://www.gravatar.com/avatar/?d=mm

Nah, sobat Blog Gado Gado.. Anda telah membaca seluruh artikel berjudul Buat widget Recent Comment dengan Avatar di Blog dengan keword yang masuk Blogger Hack . Anda dapat memberikan komentar ditempat yang telah tersedia. Terima kasih kunjungan Anda.

0 komentar:

Poskan Komentar