Tips Cara Membuat Recent Comments Gambar Di Blogger


Hai sahabat blogger, saya akan bagikan Tips atau Triks cara membuat Recent Comments Pada Blog yang ada gambarnya. Dan akan terlihat keren abis bila anda memakainya. Bercanda saya... yang memang mungkin oleh kalian para blogger sudah tidak asing dalam hal ini.

Tetapi ini berguna juga untuk para blogger pemula yang masih awam dan ingin menambahkan Widget Recent Comments Bergambar. Tampilannya ada dibawah ini gan, bagi kalian yang memang berminat, ya silahkan saja ikuti cara-caranya dibawah.

Dan bagi kalian yang memang sedang memilih-milih mana yang bagus ya silahkan lihat tampilannya saja.  Tampilannya sih mungkin memang tidak asing lagi bagi blog-blog lain.

Recent Comments Gambar Di Blogger
(gambar ini diambil dari blog lama pribadi saya)

Cara-caranya sebagai berikut :
1. Login di blog dan pergi ke menu Tata Letak

2. Add Widget dan tambahkan HTML/JavaScrift.

3. Lalu masukan saja code scrift widget dibawah ini :
<---scrift-By AK New Site--->
<div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;">
<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: #0a9;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
 //<![CDATA[
 // Recent Comments Settings
var
numComments = 10,
showAvatar     = true,
 avatarSize      = 35,
 roundAvatar   = true,
characters       = 250,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://googledrive.com/host/0BzM5CPx9Z2KyN3NOakppWldGOUk"></script>
<script type="text/javascript" src="http://aknewsite.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>
<----scrift end---->
4. Lalu anda beri judul widget dengan bebas sesuka anda, atau pada umumnya diberi nama aja Recent Comments.

5. Dan yang step terakhir anda tinggal simpan saja.

Keterangan : "Text atau kode yang diwarnai warna merah, anda tinggal ganti saja dengan URL Blog anda sendiri".


No comments:

Sebelum menuliskan komentar, Anda harus baca syarat dibawah ini :
1. Tidak diperbolehkan menaruh link aktif,
2. Tidak boleh ada unsur huru hara dan pornograpi,
3. Jika membuat spam, komentar Anda akan dihapus, dan
4. Silahkan bertanya dan berbagi pikiran dengan kalimat yang baik dan membangun.

AK NEW SITE. Powered by Blogger.