Cara Membuat Widget Recent Comments Valid HTML

Bagaimana cara membuat valid html pada widget Recent Comments? Cara membuat widget recent coments valid html ini biasanya diterapkan supaya blognya lebih optimal. Recent comments atau widget yang menunjukkan beberapa komentar terbaru ini biasanya diletakkan di sidebar supaya terlihat oleh pengunjung blog. Supaya widget recent comments tersebut tidak error di W3C Validator dan lebih Seo maka widget tersebut harus dibuat valid html. Nah sekarang simak bagaimana cara bikin recent comments valid html pada tutorial dibawah ini. Untuk screenshot dari widget recent comments valid html seperti tampilan dibawah ini.

Recent Comments Valid HTML

Cara Membuat Recent Comments Valid HTML
1. Buka blog anda di blogger.com
2. Pilih Tata Letak => Tambah Gadget
3. Pilih HTML/JavaScript lalu copy paste kode dibawah ini

<style type="text/css" scoped>
ul.kangismet_recent{list-style:none;margin:0;padding:0;}
.kangismet_recent li{backgroud:#eee;margin:0 0 6px !important;padding:3px
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid #aaa;
border-radius:9px; max-height: 100px;}
.kangismet_recent li:hover{border: 1px solid #ddd;background:#aaa;color:#fff}
.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='Ermawati';
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/httpermawatisweetblogspotcom/js/rcomments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50">
</script>

4. Simpan

Keterangan :
1. numComments  = 5, adalah jumlah komentar yang ditampilkan
2. Ganti warna biru dengan nama / author blog anda

Maaf untuk kode widget recent comments diatas ane comot dari blog kang ismet yang sudah tidak asing lagi di dunia blogging. Semoga pembahasan mengenai cara membuat valid html pada widget recent comments di blog dapat bermanfaat, happy blogging.
 
Copyright © 2015 Ermawati - All Rights Reserved
Template By Kunci Dunia