Widget Recent Comment Blogger ini dilengkapi dengan Gambar dari profil yang comment, Avatar / thumbnailnya...
Langsung saja ke tutorialnya, saya lagi males ngetik :v
Tutoeial Memasnag Widget Recent Comments Blogger With Avatar Di Blogger
- Langkah awal kalian masuk ke blogger.com
- setelah login masuk ke menu Template, Tataletak
- Lalu tambahkan widget baru, cari HTML / JavaScript.
- Selanjutnya klik tanda plus, annti akan keluar pop up, lalau masukan script Widget Recent Comment Dibawah ini.
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var numComments = 8,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 30,
showMorelink = true,
moreLinktext = "More →",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script src='https://rawgit.com/mastamvan/backup/master/recent-comment.js' type='text/javascript'></script>
<style type='text/css'>ul.mas_tamvan_recent_comment{display:inline-block;background:-moz-linear-gradient(-45deg,#ffffff 0,#ffffff 25%,#ffffff 50%,#ffffff 75%,#ffffff 100%);background:-webkit-linear-gradient(-45deg,#ffffff 0,#ffffff 25%,#ffffff 50%,#ffffff 75%,#ffffff 100%);width:100%;padding:12px 0 0;margin:0;position:relative;overflow:hidden;border-radius:5px}ul.mas_tamvan_recent_comment li a{text-decoration:none;color:#FF0000;padding:0 0 5px}ul.mas_tamvan_recent_comment li a.author{display:block}ul.mas_tamvan_recent_comment li{position:relative;clear:both;display:inline-block;padding:5px 10px 10px 10px;margin:0 10px 20px 0;font-size:13px;border-radius:10px;background-color:rgba(25,147,147,0.2);animation:show-chat-even 0.15s 1 ease-in;-moz-animation:show-chat-even 0.15s 1 ease-in;-webkit-animation:show-chat-even 0.15s 1 ease-in;float:left;margin-left:80px;color:#000000;border:0}ul.mas_tamvan_recent_comment li:after{position:absolute;top:15px;content:'';width:0;height:0;border-top:15px solid rgba(25,147,147,0.2);border-left:15px solid transparent;left:-15px}ul.mas_tamvan_recent_comment li .avatarImage{position:absolute;top:0;width:50px;height:50px;border-radius:50px;left:-70px;overflow:hidden}ul.mas_tamvan_recent_comment li .avatarImage img{width:100%;height:auto}</style>
<script src="https://Lovekarawang.blogspot.com/feeds/comments/default?alt=json&callback=mas_tamvan_recent_comment&max-results=5" type="text/javascript"></script>
- Silahkan ganti Link dibawah ini dengan link blog kalian: https://Lovekarawang.blogspot.com
Catatan : Pengaturan pada Setelan Umpan Situs. Khusus Buat yang mengatur setelan Umpan Situsnya Ke Singkat...
Masuk Ke Setelan, lainnya, Atur Bagian Izinkan Umpan Blog seperti pada gambar dibawah ini..
- Save Widget dan Selesai
0 komentar:
Posting Komentar