Menyembunyikan Komentar Admin Pada Recent Comment dengan Avatar

Tutorial kali ini akan membahas cara menyembunyikan admin dari recent comment atau dengan bahasa lain recent comment / komentar terbaru tanpa admin. Untuk CSS saya ambil dari Way2blogging dan JavaScriptnya menggunakan kepunyaan Muhammad Risdiyanto.

Caranya :
1. Login ke Blogger
2. Buat Widget / Gadget baru type HTML/JavaScript
3. masukan kode di bawah ini :

<div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: center;"><input value="Buka" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tutup&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Buka&#39;; }" type="button" /> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><style type="text/css">
    ul.riiz_recent_comments{list-style:none;margin:0;padding:0;}
    .riiz_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;}
    .riiz_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;}
    .riiz_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[
var
numComments = 35, /* jumlah komentar */
showAvatar = true, /* false untuk tanpa avatar */
avatarSize = 40, /* ukuran avatar (pixel) */
roundAvatar = true, /* true untuk avatar bulat */
characters = 100, /* jumlah karakter komentar */
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true; /* true untuk menampilkan link widget */
maxfeeds=45,
 adminBlog='Muhammad Risdiyanto';
//]]>
</script>
<script type="text/javascript" src="http://recent-comment-no-admin.googlecode.com/files/muhammadrisdiyanto.js"></script>
<script type="text/javascript" src="http://campur-aduk.cyber4rt.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>
</div></div></div>

Teks yang Berwarna Merah silakan anda Ganti dengan

1. Username Penulis
2. URL blog Anda .....

Untuk Angkanya silakan andasesuaikan sendiri, Tutornya udah saya kasih pada Teks yang berwarna Abu-abu
Penjelasan : maxfeeds adalah jumlah komentar yang di load oleh Json script, termasuk komentar admin. Maka jumlah maxfeeds harus lebih besar dari numComments, dan yang ditampilkan akan disaring tanpa komentar admin
cara mengetahui Username Penulis caranya :
Masuk Ke Blog ► Setelan ►Izin ...
maka akan Terlihat seperti gambar di bawah ini :

4. Simpan dan Lihat hasilnya

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email