Membuat Komentar Terbaru dengan Gambar

Halo sobat blog trik dan tips, kali ini kita akan membuat komentar terbaru dengan gambar. Widget ini menggunakan javascript dan sangat mudah untuk diinstal. Sobat dapat memasang widget ini pada blog anda untuk sekedar memperindah atau mempercantik blog. Anda dapat mengetahui apabila seseorang berkomentar pada blog anda. Gambar komentator ditampilkan dalam bentuk lingkaran sehingga memberikan efek yang sangat menarik. Jika sobat ingin memasangnya pada blog ikuti langkah berikut ini:

1. Login ke Blogger
2. Masuk ke Rancangan --> Edit Laman
3. Tambahkan gadjet lalu pilih HTML/Javascript
4. Masukan kode berikut 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 = 30,
roundAvatar = true,
characters = 30,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://nandarious.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
5. Selanjutnya sobat tinggal menganti kode berwarna merah dengan url blog anda.
6. Jika sobat ingin mengedit tampilan widget ini berikut adalah penjelasannya:
  • Kode berwarna pink adalah jumlah komentar yang ditampilkan
  • Kode berwarna hijau aadalah ukuran gambar komentator
  • Kode berwarna biru adalah rincian komentar dari komentator
7. Terakhir simpan gadjet anda.

Demikian adalah sekilas penjelasan bagaimana membuat komentar terbaru dengan gambar atau istilah lainnya yaitu membuat recent comment dengan avatar. Semoga dengan widget ini tampilan blog anda lebih menarik serta lebih banyak yang berkomentar. Sekian dan salam blogging....

Related

Tutorial Blog 4450201608251965944

Post a Comment

  1. Keren Gan... x(
    Follow: http://se-cara.blogspot.com/2

    ReplyDelete
  2. @dibyo sama2 :) makasih juga atas kunjungannya :)

    ReplyDelete
  3. TOKO HANDPHONE TERBESAR TERLENGKAP TERMURAH TERPERCAYA DI NA SHOP
    Produk dijamin asli orginal.Dapatkan gebyar promo 2014 : Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS 08577-966-5033 ATAU KLIK WEBSET RESMI KAMI http://dina-shop7.blogspot.com/

    Ready Stock!
    Samsung Galaxy S4 Mini Rp.2,500.000
    Ready Stock!
    Apple iPhone 5 Rp.2,700.000
    Ready Stock!
    BlackBerry 9380 Orlando - Black.Rp.900.000,-
    Ready Stock!
    BlackBerry Curve 8520 Gemini.Rp.500.000,-
    Ready Stock!
    BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
    Ready Stock!
    Blackberry Curve 9320.Rp.700.000,-
    Ready Stock!
    Samsung Galaxy Note 10.1.Rp.2,500.000.
    Ready Stock!
    Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock!
    Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock!
    Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock!
    Samsung Galaxy Note N7100.Rp.2.500.000.
    Ready Stock!
    Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
    Ready Stock!
    Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000,-
    Ready Stock!
    Nokia Lumia 800 - Matt Black.Rp.1.700.000,-
    Ready Stock!
    Nokia Lumia-710-whiteRp. 900.000,-
    Ready Stock!
    Nokia C2-06 Touch & Type -Dual GSM-Rp.450.000,-
    Ready Stock!
    Nokia Lumia 710 - Black.Rp. 900.000,-
    Ready Stock!
    Apple iPhone 4S 16GB (dari XL) - Black.Rp.1.200.000,-
    Ready Stock!
    Apple iPhone 4S 16GB (dari Telkomsel).Rp.1.200.000,-
    Ready Stock!
    Apple iPod Touch 4 Gen 8GB.Rp.700.000.
    Ready Stock!
    APPLE iPod Nano 8GB - Pink.Rp.500.000,-
    Ready Stock!
    Acer Aspire 4755G Core i5 2430 Linux Blue.Rp 1.700.000.
    Ready Stock!
    Acer Aspire One AOD270 10.1.-Rp. 1.000.000,-
    Ready Stock!
    Acer TravelMate TM8481-2462G32.Rp. 1.400.000
    Ready Stock!
    Acer ICONIA Tab W500 10.1" Tablets Notebook.Rp. 1.100.000,-
    Ready Stock!
    Nikon D7000 kit 18-105mm.Rp.1.700.000.
    Ready Stock!
    Nikon D90 Kit 18-105mm Vr.Rp 1.300.000.
    Ready Stock!
    Nikon Coolpix L 120 Red.Rp. 900.000
    Ready Stock!
    Nikon Coolpix P 500 Black.Rp 1.000.000

    ReplyDelete

Terimakasih telah membaca artikel di atas. Silahkan berkomentar dengan sopan.

emo-but-icon

Side Ads

Facebook

Adv

item