Widget Recent Comment Valid HTML5 - Kali ini kita akan menciptakan Widget Recent Comment, ini dikembangkan oleh Kang Ismet sehingga sudah dapat menjadi valid html5, jadi kalau teman ingin memasang widget recent comment yang valid html5, artikel ini pas sekali untuk teman baca.
Widget recent comment ini selain valid html5 juga dilengkapi dengan clickable area sehingga bukan hanya nama komentator saja yang dapat diklik, tetapi disekitar avatar, nama, dan isi komentar juga dapat diklik.
Dibawah ini instruksi widget recent comment valid HTML5, dan kalau 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&callback=kangismet_recent&&max-results=50"> </script> Setelah itu teman simpan di Gadget/Widget.
Selesai sudah artikel aku hari ini, maaf apabila ada salah kata, Wassalam :)

0 Response to "Widget Recent Comment Valid HTML5"
Posting Komentar