Cara Mudah Pasang Komentar Terbaru Show hide di Sidebar



Tanpa Panjang lebar Langung Ketutorial sob.

1..Login akun Blogger Sobat.
2.Tambahkan gadget
3.JavaScript/Html
4.Masukkan Kode Berikut ini.

<div class="button-spoiler"><input style="font-size: 12px; color: #53cc13; background-color: black; border: 1px solid #222222; font-weight: bold; margin-left:-10px;padding:5px; width: 170px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'komentar terbaru'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'komentar terbaru'; }" type="button" value="KOMENTAR TERBARU" /></div>
<div class="spoiler">
<div style="display: none;">
<div style="overflow:auto;width:165px;height:300px;margin-bottom:5px;margin-left:-10px;padding-top:5px;">
<style type="text/css">
ul.w2b_recent_comments{list-style:none;}
.w2b_recent_comments li{background:none !important;margin-bottom: 5px !important;padding-bottom:5px !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{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 1px 0 0;position:relative;overflow:hidden;}
.avatarRound{width: 32px;height: 32px;background-position: center;padding: 2px 5px 2px 2px;margin-right:5px;border: #222222 solid thin;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-moz-box-shadow: inset 0 0 3px #F0F0F0;-webkit-box-shadow: inset 0 0 3px #F0F0F0;box-shadow: inset 0 0 3px #CCC;border-image: initial;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:6px;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://hermanbagus.googlecode.com/files/recent-comments-avatar.js"></script>
<script type="text/javascript" src="http://hermanbagus.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
</div></div></div>

Mungkin dari kode diatas komentar terbaru tidak muncul pada blog sobat, seperti yang saya alami, saya bingung kenapa, setelah cari sana sini belum ketemu juga, akan tetapi alhamdulillah ketemu dengan tidak sengaja, permasalahannya adalah kode :

 http://hermanbagus.blogspot.com/feeds/comments/default?

Yang ada pada blog saya adalah

http://www.blogger.com/feeds/613994367195605163/comments/default?

Maka Jika tidak muncul pada blog sobat caranya adalah Klik CTRL+U,
Klik CTRL+F atau F3

Cari Kode : /comments/default?

Pasti depannya  http://www.blogger.com/feeds/ID-Blog sobat/comments/default?

Nah Jadi Solusinya ganti kode :
http://hermanbagus.blogspot.com/feeds/comments/default?
Dengaan kode:
http://www.blogger.com/feeds/ID-Blog sobat/comments/default?

Semoga Bermanfaat kawan..

Subscribe to receive free email updates:

4 Responses to "Cara Mudah Pasang Komentar Terbaru Show hide di Sidebar"

  1. Replies
    1. Wah itu di gambar sudah demonya sob, kemaren tak pasang, kamu telat datangnya, hehehe sekarang tak copot biar blog gak terlalu lemot. :129

      Delete
  2. menyambung komentar sobat di artikel aku tentang "cara blogging saat ofline",katanya ada tool lain Selain WLW itu,..hehehe bagi link dong hehehe pleas kawan,...!

    ReplyDelete
    Replies
    1. dipostingan udah ada loh sob, di label software

      Delete