4 Cara Menghilangkan Komentar Admin Pada Widget Recent Comments Dengan Avatar

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Recent comment with avatar round- Non Admin Postingan kali ini menjawab pertanyaan dan juga tuk menepati janji kepada teman kita LIZWANA yang bertanya pada kolom komentar postingan tutorial menambahkan widget recent comments dengan avatar.

Pada postingan tersebut hasil dari widget recent comment masih menampilkan avatar dan komentar dari admin, jadi jika dalam sehari admin menjawab sekaligus komentar yang masuk maka bisa dipastikan widget recent comment tersebut hanya akan menampilkan avatar admin sehingga tampilannya…? Menurut anda bgm? Presepsi org khn berbeda-beda tapi buat saya sendiri tidak mengapa sih, mang masalah buat lu? He, menurut saya sih justru lebih bagus dengan begitu pengunjung bisa segera mengetahui jika komentarnya segera mendapatkan respon dari admin.

Tapi bagi yang tidak ingin menampilkan komentar admin pada widget recent comment dengan avatar silahkan ikuti langkah-langkah berikut.

  1. Seperti biasa login ke akun blogger anda
  2. Pada dasbor klik menu tata letak >> Tambah gadget
  3. Pilih HTML/JavaScript dan pada form yang tampil, letakkan kode berikut:

<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  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
 maxfeeds=100,
adminBlog='Amatullah';
//]]>
</script>

<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentCommentsWGravatar.NonAdmin..js"></script>

<script type="text/javascript" src="http://www.tipstrikblogging.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=100"></script>

<small><div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://www.tipstrikblogging.com/2012/09/pasang-widget-recent-comments-dengan.html" target="_blank" title="Widget Recent Comment">Get This Widget</a></div></small>

Catatan: Perhatikan tulisan berwarna biru

numComments = 5, (Jumlah komentar yg ingin ditampilkan)

showAvatar = true, (Menampilkan avatar)

avatarSize = 40, (Ukuran Avatar)

roundAvatar = true, (Membuat Avatar Round/Bulat)

characters = 60, (Jumlah karakter komentar)

Jangan lupa mengganti nama admin blog dan Tulisan tebal berwarna biru http://www.tipstrikblogging.com ganti dengan nama blog anda. Max result feed juga samakan jumlahnya!

4. Simpan dan lihat hasilnya diblog anda!

Semoga bermanfaat.

Script from wy2blogging.com. Modifikasi CSS sakahayang.com


ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips Trik Blogging

4 komentar :

  1. keren ni tapi maunya yang most coment dengan judul kkomentar yang di tampilin.

    BalasHapus
    Balasan
    1. Anaa dah posting diblog ini tuk widget recent comments yang miztia maksud, silahkan search aja diblog ini.

      Hapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB:Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar
Konversi Kode di Sini!