Loading...
ucapan
Tools Dahsyat untuk Membuat Konten Artikel Unik Tanpa Batas & Niche Apapun yang Anda Inginkan

Search, Edit, Spin, & Posting Ke Semua Blog Anda Cukup dari Satu Dashboard Saja.

Support WordPress, WordPress.com, Blogspot, Tumblr, & Twitter

Tools untuk Membuat Konten Artikel

Silahkan Pilih Warna Background Yang Cocok Buat Mata Anda


Bergabunglah dengan 5.000 Lebih pengikut lainnya Dan Dapatkan Selalu Artikel Dan Penawaran

2015/05/04

Widget Recent Comment Valid HTML5

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 :)

Pengelola Blog : ABDUL WAHAB

Judul : Widget Recent Comment Valid HTML5
Ditulis oleh :Blog Shiro pada hari 2015/05/04
Rating Blog : 5 dari 5
Terima kasih sudah membaca artikel tentang Widget Recent Comment Valid HTML5
Kalian boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman kalian.
Namun jangan lupa harap memberikan link aktif dofollow ke URL
https://fajriandaviar.blogspot.com/2013/11/widget-recent-comment-valid-html5.html
Dan Terima kasih sekali lagi atas kunjungannya.

Kritik dan saran atau apapun bisa kalian sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak selalu online dikarenakan sibuk.

Title : Widget Recent Comment Valid HTML5
Description : Widget Recent Comment Valid HTML5 - Kali ini kita akan membuat Widget Recent Comment , ini dikembangkan oleh Kang Ismet sehingga sudah ...

5 komentar

Saya juga udah baca dari kang ismet gan.. kapan-kapan boleh nih dicoba :)

thanks mas info (y)

- BACK -

Wah keren nii, coba dulu sob :-d

kalo biar muncul iklannya gmana bro

Berkomentarlah dengan bijak dan sopan, Dilarang menggunakan Link Aktif, Link Mati, Promo, dll.
Dan Berbagilah Jawaban atas apa kesulitan yang sobat-sobat lainnya dapatkan.
Mohon maaf jika ADA komentar atau pertanyaan tidak bisa cepat saya respon,
DIkarenakan Saya tidak selalu online selama 24 Jam.