Cara Membuat Recent Comment Dengan Avatar - Halo kawan hari ini saya akan share Cara Membuat Recent Comment Dengan Avatar pada blog. Kegunaan dari sebuah Recent comment adalah untuk melihat kamentar-komentar pengunjung yang ada pada blog kalian. Juga untuk mengetahui jika ada komentar baru yang belum dibalas maka kalian tinggal melihatnya pada widget recent comment yang telah kalian pasang pada blog. Saya pun sering melihat recent comment pada blog saya untuk mengetahui adanya komentar baru dari pembaca blog saya. menurut saya ini adalah widget yang sangat bagus jika dipasang pada sebuah blog selain untuk melihat komentar baru pada blog widget ini dapat memperlihatkan kepada para pembaca bahwa admin blog tersebut masih aktif membalas komenter para pembaca setia blognya.
Screenshot:
Langkah-langkah :
- Masuk pada dasbor Blogger kalian
- Masuk pada bagian Tata letak Klik Tambahkan Gadget.
- Pilih mode HTML/Javasript.
- Copy paste kode di bawah ini ke kolom Html/javascript.
- Kemudian 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 = 60,
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://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://marwanto606.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
Keterangan :
- Ganti Url http://marwanto606.blogspot.com dengan alamat Url blog kalian
- Pada numComments = 5 ganti anggka 5 sesuai jumlah comment yang ingin kalian tampilkan
- Pada avatarSize = 60 ganti angka 60 sesuai besar avatar yang ingin kalian tampilkan.
- Pada roundAvatar = true ganti tulisan true menjadi false jika ingin menampilkan avatar berbentuk kotak.
Komentar
Posting Komentar