Widget Komentar Blogger terkini dengan tampilan Circle Avatar - MANTANKODE

Widget Komentar Blogger terkini dengan tampilan Circle Avatar

Widget Pendapat Blogger terkini dengan tampilan Circle Avatar menggambarkan widget yang sanggup menampilkan pendapat terkini pada web. dengan widget ini web kamu hendak lebih mempunyai tampilan yang menarik. widget ini berperan menunjukkan pendapat pada web kamu dengan jumlah yang dapat diatur sesuai kemauan.


tampilan Widget ini dibuat dengan CSS dan Javascript. Dengan mengenakan widget ini, Kalian dapat melihat tampilan ukuran avatar pendapat pengunjung berbentuk( Ukuran default menggambarkan 45px), kenapa diberikan 45px? sebab supaya tampilannya nampak sedikit bundaran enggak sangat kotak. dengn desain tampilan yang menarik dan sesuai dengan web model flat. langsung aja kita pasang widgetsnya.

Tahap Pertama

Buka Dasbor Blogger
Tata Letak
Tambah gadget
HTML/Javascript

Tahap Kedua

serta salin kode di bawah ini serta simpan di Widgets HTML/Javascript
<style type="text/css" scoped> 
ul.mkbaru{list-style:none;margin:0;padding:0;} 
.mkbaru li{background:transparent;margin:0 0 6px!important;padding:3px  
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;} 
.mkbaru li:hover{background:#fff;border: 1px solid #e9e9e9;}
.mkbaru a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} 
.avatarRound{border-radius:100px;width:35px;height:35px} 
.mkbaru li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;} 
</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = False;
 maxfeeds=50,
 adminBlog='MK';
//]]>
</script>
<script type="text/javascript" src="https://rawcdn.githack.com/madi10/MANTAN/a6b48bf79de57078034be0f2dd5cee77ddc37238/Widget Komentar/recent2.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=mkbaru&&max-results=50">
</script>

Keterangan:
numComments = 5 (jumlah komentar yang akan ditampilkan)
showAvatar = true/false (pakai avatar atau foto? silahkan pilih)
characters = jumlah keterangan dari komentar

terima kasih telah berkunjung ke blog saya ini semoga bermanfaat. :)

Share with your friends

Add your opinion
Notification

Donasi yang anda berikan akan saya gunakan untuk mengembangkan blog ini.

BANK BNI: 0431705794 a/n Muhammad Rahmadi

Pulsa/DANA: +6285822266832

Done