Ada pertanyaan dari rekan blogger, tentang bagaimana cara menghilangkan komentar admin blog dari recent comments tersebut. Setelah saya fikir-fikir iya juga, kalau satu hari membalas 5-10 komentar, maka widget tersebut dipenuhi oleh komentar dari admin blog saja.
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 Kang Asep (sayang blognya sudah off).
Cara Menyembunyikan Admin Pada Recent Comments
1. Login ke Blogger
2. Buat Widget / Gadget baru type HTML/JavaScript
3. Simpan kode dibawah ini
<style 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='Kang Ismet';
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwanau.js"></script>
<script type="text/javascript" src="https://kang-ismet.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>
3. Perhatikan kode di atas, edit sesuai selera AndanumComments = 5
, (jumlah komentar yang ditampilkan)avatarSize = 30
, (ukuran avatar dalam pixel)characters = 40
, (jumlah karakter yang ditampilkan)defaultAvatar = " http://www.gravatar.com/avatar/?d=mm"
, (url avatar)maxfeeds=20
, (feed yang di load, harus sama dengan maxfeeds)adminBlog='Kang Ismet'
; (nama tampilan admin)4. Ganti
kang-ismet.com
dengan blog Anda, ganti max-results=20
, harus sama dengan maxfeeds
5. Simpan
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.Update: 21-03-2021
Dikarenakan JavaScript di Googlecode sudah tidak valid, silahkan ganti kode:
http:btreaders.googlecode.com/files/rcwanau.js
dengan kode ini :https://cdn.jsdelivr.net/gh/kangismet/blog-kang-ismet-new/rcwanau.js
Apabila masih ada permasalahan seputar cara menyembunyikan komentar admin pada recent comment dengan avatar di Blogger silahkan share di kolom komentar.