Sabtu, Desember 17

Cara Memasang Widget Recent Post di Blog ..

0 komentar
Untuk menambahkan Widget Recent Comment ini, anda cukup memasukkan kode berikut pada kotak HTML/JavaScript Blog anda. Jika anda belum mengetahui cara menambahkan widget sebaiknya baca dulu 1. CARA MENMBAHKAN WIDGET 
Berikut Kodenya :
<script style="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/RecentComments4U.js"></script>
<script style="text/javascript">
var numcomments = 5;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<ul>
<script src="http://blogger-bugis.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</ul>


Keterangan:


  • Ganti angka pada kode var numcomments = 5; untuk menampilkan lebih banyak atau lebih sedikit komentar terakhir yang ditampilkan WIDGET RECENT COMMENT.
  • Ganti kode http://blogger-bugis.blogspot.com dengan URL blog anda.


Semakin banyak Komentar Terakhir yang di tampilkan semakin baik bagi
SEO BLOG. Masalahnya, widget akan menjadi terlalu panjang hingga merusak pemandangan pada sidebar blog. Untuk mengatasinya, tambahkan kotak dengan fungsi scroll pada Widget Recent Comment.Caranya :

Tambahkan kode berikut sebelum kode Recent Comment :


<div style="overflow:auto;width:358%px;height:300px;border:1px solid #0000000;padding:4px;margin:10px 0 0">


Lalu tambahkan kode berikut di akhir kode Recent Comment :


</div>

Jika anda ingin menambahkan bingkai seperti punya BLOGGERBUGIS,
langsung saja gunakan kode dibawah ini. Berikut kodenya :

<center><table border="2" cellpadding="3"><tbody><tr><td><div style="overflow:auto;width:358px;height:300px;border:1px solid #0000000;padding:4px;margin:10px 0 0"><script style="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/RecentComments4U.js"></script>
<script style="text/javascript">
var numcomments = 100;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<ul>
<script src="http://blogger-bugis.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</ul></div></td></tr></tbody></table></center>
<div style="font-size:11px; padding:4px 0px 0px 0px"><a
href="http://blogger-bugis.blogspot.com/2011/04/cara-membuat-recent-comment-komentar.html" target="_blank"> BloggerBugis</a></div>


Keterangan :
  •  Ganti angka pada kode width:358px untuk menyesuaikannya dengan lebar sidebar blog anda dan ganti angka pada kode height:300px untuk menyesuaikan widgetnya dengan tinggi kotak widget yang anda inginkan.
  • border:1px solid #0000000 artinya garis pinggir kotak widget setebal 1 pixel dengan warna hitam. Ganti angkanya menjadi lebih besar jika anda ingin membuat garis pinggir kotaknya menjadi lebih tebal dan ganti kode #0000000 dengan kode warna anda jika ingin menggunakan warna yg lain pada garis pinggir kotaknya.
  • Ganti kode http://blogger-bugis.blogspot.com dengan URL Blog anda

Leave a Reply

rEsEnt Post gUe..