BerlanggananBerlangganan Artikel Gratis Langsung Di Email Anda

Cara Membuat Recent Comment Valid HTML 5

KrocoNet.com – Cara Membuat Recent Comment Valid HTML5, belakangan ini semakin banyak saya temukan blog yang menggunakan widget Recent Comment/ Komentar terbaru pada blog atau websitenya. Dan tanpa diduga sahabat blogger saya ada yang bertanya tentang Cara Membuat Recent Comment . jadi pada artikel kali ini saya akan share sedikit Cara Membuat Recent Comment.

Cara Buat Recent Comment Mudah 2015

Dengan Recent Comment ini memudahkan kamu untuk melihat komentar komentar baru yang masuk di blog kamu, Untuk memasang widget ( Baca : Cara Memasang Widget Di Blog ) ini silahkan ikuti langkah dibawah ini

  • Login Pada Akun Blogger Sobat
  • Masuk Ke Menu Tata Letak
  • Pilih Tambah Gadget Dan Pilih HTML/Javascript
  • Lalu masukan Script dibawah ini pada kolom yang tersedia
<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=’Abdul Muhajir‘;
//]]>
</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>
  • Jika sudah silahkan kamu ganti kata yang berwarna merah tersebut dengan Nama kamu
  • Jika sudah juga silahkan klik Simpan 
  • Dan agar template kamu tetap Valid HTML5, Silahkan cari kode berikut                    <b:include name=’quickedit’/> dan silahkan dihapus.
Jika Kode Diatas tidak dapat berfungsi dalam blog anda coba gunakan Script berikut
<style type=”text/css”>
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_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;}
    .w2b_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;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;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  = 30,
 defaultAvatar  = “http://www.gravatar.com/avatar/?d=mm”,
 hideCredits = true;
//]]>
</script>
<script type=”text/javascript” src=”http://btreaders.googlecode.com/files/rcwa.js”></script>
<script type=”text/javascript” src=”http://www.Kroconet.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5″></script>

Begitulah Cara Membuat Recent Comment Valid HTML 5 mudah bukan, Silahkan terapkan pada blog kamu dan semoga berfungsi sebagaimana mestinya. Jika ada kritik dan saran silahkan berkomentar dengan baik pada kolom yang telah disediakan, Terima Kasih.