Langsung ke konten utama

Memasang Recent Comments dengan Avatar di Blogger

recent comments widget gadget

Memasang recent comment atau komentar terakhir dengan avatar tentunya akan membuat tampilan blog Anda akan terlihat lebih menarik karena avatar dari komentator dapat terlihat. Tentunya bagi komentator yang memasang avatar pada profil mereka. Sedangkan yang tidak memasang avatar pada profile mereka akan terlihat seperti avatar default yang terlihat pada gambar di samping. Untuk itu segeralah memasangnya agar komentar terakhir yang muncul pada blog kita akan terlihat lebih menarik. :)





Cara Memasang:

1. Blogger Dashboard pilih blog --> Layout --> Add gadget
add gadget

 

2.  Pop-up window scroll ke bawah pilih HTML/Javascript
html/javascript
 
3. Copy dan Paste kode berikut pada kolom gadget

 <style type="text/css">
ul.dewainsidecomments{list-style: none;margin: 0;padding: 0;}
.dewainsidecomments li {background: none !important;margin: 0 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;}
.dewainsidecomments 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;}
.dewainsidecomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}
.dewainsidecomments 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  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSD-yQmJUzePR8l4FGPJTrZiIoDqHmuEX9tpWEWzMms6vjPjowZhgRqqni4adXojO82RlVI0Pq24RNzSG_M2Ep_tj8ATt50L7RWiJbj3rBpNKPXN-oCxplLVfYjsJtnKXsKEEsZKG0RHn7/s1600/default-avatar.jpg",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://dewainside.googlecode.com/svn/trunk/[dewainside.blogspot.com]recent_comment.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=dewainsidecomments&max-results=5"></script>
Catatan:
Mengganti bentuk avatar menjadi kotak hapus kode kuning
Mengganti gambar avatar default kode orange
Mengganti jumlah komentar: ganti angka 5 
Mengganti ukuran avatar:  avatarSize  = 40 

4. Save

Selamat mencoba
Good luck.
 

Komentar

Postingan populer dari blog ini

Mod Immortal Treasure Trove Carafe 2018

Mod immortal Treasure Trove Carafe 2018. This treasure contain of : Huskar - The Spoils of Dezun, Ogre Magi - Gimlek Decanter, Pangolier - Mask of Confidant, Venomancer - Cult of Aktok, Rubick - Crux of Perplex, Disruptor - Orb of Deliverance, Silencer - Glaive of Oscilla, Storm Spirit - Mandate of the Stormborn, Windranger - Sylvan Vedette and Mirana mount - Axia of Metira. Hope you guys like this mods cosmetic skin and support our favorite game Dota 2 in steam community market. No money? Just mods! Enjoy the game and boost your Matchmaking Ratings MMR and Seasonal Rankings Medals !

Rubick - Rambling Fatebender

Mod Rubick - Rambling Fatebender rare item Dota 2 Reborn from Treasure of the Emerald Revival. This item consists of : Staff of the Rambling Fatebender Cape of the Rambling Fatebender Pauldrons of the Rambling Fatebender Mask of the Rambling Fatebender Rubick - Rambling Fatebender Hope you guys like this mod and support our favorite game in steam community market. No money? Just mods! Enjoy your game!

Broodmother - Epoch of the Abysm

Black Arachnia, the Broodmother - Epoch of the Abysm mods rare item Dota 2 Reborn from Fortivus 2017 Treasure. This item consists of : Eyes of the Abysm Abdomen of the Abysm Anterior of the Abysm Legs of the Abysm Creepling of the Abysm Broodmother - Epoch of the Abysm Hope you guys like this mods and support our favorite game in steam community market. No money? Just mods! Enjoy your game!