Home / Komentar / Widget / Widget Recent Comment Valid HTML5

Cara Download Widget Recent Comment Valid HTML5 Update Terbaru

Sedikit Info Seputar Widget Recent Comment Valid HTML5 Terbaru 2017 - Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Widget Recent Comment Valid HTML5, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang Artikel Komentar, Artikel Widget, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Widget Recent Comment Valid HTML5 Terbaru
link: Widget Recent Comment Valid HTML5

"jangan lupa baca juga artikel dari kami yang lain dibawah"

Berbagi Widget Recent Comment Valid HTML5 Terbaru dan Terlengkap 2017

Key Comment
Widget Recent Comment Valid HTML5 - Kali ini kita akan membuat Widget Recent Comment, ini dikembangkan oleh Kang Ismet sehingga sudah bisa menjadi valid html5, jadi jika sobat ingin memasang widget recent comment yang valid html5, artikel ini pas sekali untuk sobat baca.

Widget recent comment ini selain valid html5 juga dilengkapi dengan clickable area sehingga bukan hanya nama komentator saja yang bisa diklik, tetapi disekitar avatar, nama, dan isi komentar juga bisa diklik.

Dibawah ini kode widget recent comment valid HTML5, dan jika anda tertarik memasangnya silahkan pasang di blog sobat.



Widget Recent Comment Valid HTML5


Berikut kodenya :


<style type="text/css" scoped>
ul.kangismet_recent{list-style:none;margin:0;padding:0;}
.kangismet_recent li{background:none !important;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;}
.kangismet_recent li:hover{border: 1px solid #ddd;}
.kangismet_recent a {text-decoration:none;}
.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;width:35px;height:35px}
.kangismet_recent li span{margin-top:4px;color: #222;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 = true;
 maxfeeds=50,
 adminBlog='Fajri Andaviar';
//]]>
</script>
<script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script>
<script
 type="text/javascript" 
src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50">
</script>

Setelah itu sobat simpan di Gadget/Widget.

Selesai sudah artikel saya hari ini, maaf apabila ada salah kata, Wassalam :)

Itulah sedikit Artikel Widget Recent Comment Valid HTML5 terbaru dari kami

Semoga artikel Widget Recent Comment Valid HTML5 yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Free Template BLogspot.Com. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Widget Recent Comment Valid HTML5

Share this