Minggu, 05 Januari 2014

Cara Membuat Recent Comment dan Avatar Tanpa Muncul Admin

Cara Membuat Recent Comment dan Avatar Tanpa Muncul Admin . Panjang banget judul ini ya. Belibet rasanya menentukan judul yang pas untuk posting ini. Maksud hati ingin menulis judul itu seperti ini : Cara membuat komentar yang ada avatarnya di sidebar tanpa komentar admin ikut muncul. Karena tutorial tentang ini yang banyak berkeliaran di blog-blog orang adalah recent comment yang komentar adminnya juga muncul, maka ingin pula membuat judul itu begini : Cara Menyembunyikan Komentar Admin  pada Recent Comment (yang ada adminnya baca : Cara Mencantumkan Komentar di Sidebar Ada Gambarnya)

Pokoknya begini sajalah ya, bagi yang ingin memasang recent comment di blognya, silahkan gunakan yang ini. Ini akan muncul komentar terbaru di blog Anda sebanyak yang diinginkan. Akan tetapi bagi yang sudah memasang dan tidak enak dengan munculnya komentar Anda sendiri, maka gantilah script yang ada tadi dengan yang ini. Maka komentar yang muncul nanti semuanya komentar visitor. Sebenarnya saya sendiri awalnya menggunakan recent comment yang muncul juga avatar dan komentar saya sendiri (admin). Ternyata itu sangat tidak lucu, karena begitu saya membalas lima komentar dari visitor, maka yang muncul hanya komentar saya sebagai admin sebanyak lima komentar, karena saya menginginkan hanya 5 yang dimunculkan. Contoh gambar di bawah ini adalah komentar yang ada adminnya.

Setelah jalan-jalan, tanpa sengaja saya membaca tutorial di blog Kang Ismet, dan pas dengan apa yang sedang saya cari-cari selama ini. Ya, sudah, script-nya saya comot untuk diperluas penyebarannya di blog ini, heheh (copas gitu lho..). Btw kebanyakan ngalor-ngidul ya ! Ok langsung ikuti tutorialnya berikut ini.
1. Masuk ke akun blogger
2. Pilih tata letak >> Pilih tambah Gadget
3. Pilih HTML/Java Script
4. Masukan kode di bawah ini, lalu klik simpan
<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  = 10,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 100,
 defaultAvatar  = "",
 hideCredits = true;
 maxfeeds=100,
 adminBlog='Joy Johari';
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwanau.js"></script>
<script type="text/javascript" src="http://petir-fenomenal.blogspot.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=100"></script>
Perhatikan !
Silahkan ganti atau sesuaikan semua yang tertulis warna merah.
numComments = 10 (ini jumlah komentar)
avatarSize  = 35 (ini besarnya avatar/foto)
characters  = 100 (ini jumlah karakter kutipan komentar)
maxfeeds angkanya harus sama dengan max-results
Jangan lupa admin blog Joy Johari diganti dengan nama Anda
Jangan lupa http://petir-fenomenal.blogspot.com ganti dengan URL blog Anda.
Demikian, dan selamat mencoba semoga berhasil.
Thanks to : Kang Ismet

3 komentar:

Terima kasih atas kunjungan Anda semoga bermanfaat. Silahkan tinggalkan komentar, mohon jangan mencantumkan link live atau spam ! Berkomentarlah dengan bahasa yang santun !