Cara Membuat Recent Comment + Thumbnail

 Cara membuat Recent Comment dengan Thumbnail

1. Login ke Blog anda > Pilih Design
2. Kemudian Tambahkan gadget (Add a gadged) > lalu masukkan kode script 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 = 40,
   roundAvatar = true,
   characters = 40,
   showMorelink = false,
   moreLinktext = "More »",
   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://www.6laskar-pelangi.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

3. dan simpan. Selesai

Sedikit penjelasan untuk Recent Comment dengan Thumbnail ini :

numComments = 5
showAvatar = true
avatarSize = 40
roundAvatar = true
characters = 40
showMorelink = false

numComments = 5, akan menampilkan komentar sebanyak 5, di sini dapat dicustom sesuai keinginan sobat silahkan suka-suka maunya berapa komentar yang akan ditampilkan.

showAvatar = true, akan menampilkan Avatar sobat, kalau tidak mau ditampilkan diset "false".

avatarSize = 40, akan menampilkan ukuran Avatar. 40 sesuai dengan yang ada diblog saya. Silahkan sobat mencobanya sesuai keinginan.

roundAvatar = true, akan menampilkan frame bundar. Jika sobat tidak suka dengan frame bundar atau lingkaran, bisa sobat set "false" akan menampilkan frame square atau kotak.

characters = 40, akan menampilkan 40 character pertama sebagai cuplikan komentar yang akan ditampilkan.

showMorelink = false, tidak menampilkan link ke postingan tapi kalau sobat mau menampilkan link ke postingan tersebut harus diset "true".

http://www.6laskar-pelangi.blogspot.com/ = ganti alamat blog ini dengan alamat blog anda.

Ok, semoga bermanfaat.

Ditulis Oleh : Unknown ~ Hidup Terasa Indah Bila Saling Berbagi

Sobat sedang membaca artikel tentang Cara Membuat Recent Comment + Thumbnail . Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya, TERIMA KASIH Karena sudah bersedia Memberikan Komentar untuk Blog ini... !!! <a href=" http://6laskar-pelangi.blogspot.com/2012/07/cara-membuat-recent-comment-thumbnail.html " target="_blank"> Cara Membuat Recent Comment + Thumbnail </a>

:: Effendi Dalimunthe ! ::

Baca Juga Artikel Terkait Lainnya

Posted in: LiputanBlogger