Monday, June 24, 2013

Membuat Widget Recent Comment Valid HTML5

Membuat Widget Recent Comment Valid HTML5

Widget Recent Comment (Komentar Terbaru) ini merupakan widget yang sangat bermanfaat bagi blog kita , karena widget ini bisa memudahkan kita untuk melihat komentar-komentar terbaru dari para visitor blog yang baru memberikan komentarnya di blog kita. Saya juga menerapkan tutorial Widget Recent Comment (Komentar Terbaru) dari blog lain tetapi Kode Widget Recent Comment (Komentar Terbaru) dari blog tersebut mengakibatkan Error di Validator.w3.org , makannya saya langsung memperbaikinya dan akhirnya berhasil juga.

Saya membagikan Widget Recent Comment Valid HTML5 ini siapa tahu anda juga sedang mencari-cari Widget Recent Comment yang Valid HTML5 ini dan tidak menyebabkan error di validator.w3.org , dan apabila blog anda masih banyak yang error alias tidak Valid HTML5 , anda bisa juga membaca postingan saya dahulu tentang Cara Membuat Blog Valid HTML5 Lengkap dan semoga setelah anda menerapkan tutorial disamping , blog anda bisa menjadi Valid HTML5 dan Memudahkan semua Browser mengindetifikasi blog anda dengan baik / ramah dengan blog anda.

Bila anda ingin melihat bagaimana wujud / contoh Widget Recent Comment (Komentar Terbaru) ini , anda bisa melihat disisi kanan sidebar blog saya ini , pasti anda akan menemukan widget Recent Comment (Komentar Tebaru) ini , atau anda bisa lihat gambarnya dibawah ini :

Membuat Widget Recent Comment Valid HTML5

Bila anda tetarik dengan Widget Recent Comment Valid HTML5  ini anda bisa menerapkannya berikut ini:

1. Login ke blogger anda
2. Pilih Tata Letak > Tambahkan Gadget
3. Masukan kode berikut ini
<style scoped type="text/css">
    ul.sakahayang_recent_comments{list-style:none;margin:0;padding:0;}
    .sakahayang_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .sakahayang_recent_comments li .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;}
    .sakahayang_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .sakahayang_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 11px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=20,
 adminBlog='Ahmad Manarul';
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwanau.js"></script>
<script type="text/javascript" src="http://planetajaib.blogspot.com/feeds/comments/default?alt=json&amp;callback=sakahayang_recent_comments&&amp;max-results=20"></script>

Keterangan : Ganti kode warna Biru dengan nama admin blog , dan ganti kode berwarna Merah dengan url blog anda
4. Simpan / Save Gadget
5. Lihat hasilnya

Demikianlah postingan saya kali ini , dan juga postingan Membuat Widget Recent Comment Valid HTML5 menjadi penutup artikel saya pada hari ini , Semoga Bermanfaat , wassalamualaikum

No comments:

Post a Comment