Membuat Widget Recent Comment Valid HTML5 di Blog

Cara Membuat Widget Recent Recent Comments Valid HTML5 Di Blog - Assalamualikum wr.wb hai sobat blogger nah kali ini admin Cyber 88 akan share tutorial nih buat kalian semua yaitu Membuat Widget Recent Comment Valid HTML 5 di Blog .

Widget Recent Comment merupakan widget yang di buat oleh kang ismet dan di modifikasi menjadi valid HTML5.

Widget Recent Comment ini adalah widget yang berfungsi sebagai mengetahui komentar komentar terbaru di blogger kita semua , selain itu widget ini juga dilengkapi dengan clickable area sehingga nama saja tidak cukup untuk di click namun nama komentator, komentar, avatar dll bisa di klik juga .

Dengan widget recent comment ini kalian bisa lebih mudah untuk mencari komentar-komentar terbaru untuk membalas komentar tersebut tanpa mencari cari di blogger. nah jika kalian ingin membaca cara membuat widget recent comment di blog silahkan saja simak berikut ini .

Nah jika agan menginginkan untuk melihat tampilan widget recent comment ( DEMO ) silahkan lihat gambar dibawah ini .

Cara Membuat Widget Recent Comments Valid HTML 5 Di Blog

1. Pastikan anda sudah login di blogger.com
2. Masuk ke dashboard > tata letak
3. Pilih Tambahkan Gadget ( Add Gadget )
4. Pilih HTML / Javascript dan kemudian akan ada laman yang muncul.
5. Copy Paste kode dibawah ini dan masukkan ke dalam laman yang muncul tersebut

<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='Dyho Haw';
//]]>
</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>

Note :
- Warna Merah ( Red ) Ganti dengan Nama Author anda atau Nama G+ anda.

6. Nah jika sudah klik Simpan pada bagian kiri bawah yang berwarna orange.

- Dan jika kalian menginginkan recent comment ini lebih valid HTML5 lagi kalian hapus kode widget yang seperti ini <b:include name='quickedit'/> pada bagian template anda .

Nah itulah Cara Membuat Widget Recent Comments Valid HTML5 di Blogspot dan semoga kalian bisa memperagakkan cara tersebut dengan mudah . Demikian post tentang Membuat Widget Recent Comment Valid HTML5 di Blog semoga bermanfaat bagi kita semua wassalamualikum wr.wb.