Cara Membuat Recent Comment Di Blog
Space Iklan Disini, silahkan Hubungi kami !
Membuat Recent Comment - Kali ini kita akan memasang widget
yang menunjukkan komen terakhir visitor di postingan kita. Recent Comment yang saya posting ini dengan berbagai versi, ada yang Recent Comment standar, Recent Comment dengan gambar dan lainnya. kata para
senior blogger dipasang recent comment biar SEO friendly, karena dengan
memasang
widget ini kita dan pengunjung lain akan mudah melihat comment terakhir
di blog kita, jadi
kita bisa dengan mudah membalasnya. Berikut adalah langkah mudah
pembuatannya:
1. Masuk akun blogger
2. Pilih Rancangan
3. Klik Page Element / Elemen laman
4. Add a Gadget / Tambah Gadget
5. Pilih HTML/Javascript
Kemudian copast script di bawah ini di dalam box HTML/Javascript baru tadi
Recent comment jenis pertama
<script style="text/javascript" src="http://antigaptek.googlecode.com/files/recentcomment.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://gopar-site.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Ganti tulisan ini http://gopar-site.blogspot.com/ dengan url blog sobat.
SELESAI Simpan dan lihat hasilnya.
SELESAI Simpan dan lihat hasilnya.
sampel untuk script diatas
Recent comment jenis kedua
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;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 = 50,
characters = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://johnytemplate.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://www.galeoncore.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
Sebelum disimpan ganti http://gopar-site.blogspot.com/ dengan URL blogmu sendiri.
5 adalah banyaknya komentar yang akan ditampilkan
50 adalah ukuran foto avatar dan
60 adalah banyaknya karakter komentar yang muncul.
SELESAI Simpan dan lihat hasilnya.
sampel untuk script diatas
Recent comment jenis ketiga
- Login ke Blog anda > Pilih Design
- Kemudian Add a gadged > pilih Feed
- Masukkan Url berikut
- http://gopar-site.blogspot.com/feeds/comments/default
- Ganti http://gopar-site.blogspot.com dengan alamat blog anda dan simpan
sampel untuk script diatas
0 comments:
Post a Comment