Cara Membuat Recent Comments Dengan Marquee

\ \ 5 comments

1. Login ke akun Blogger sobat masing-masing.
2. Pilih tab Tata Letak
3. Klik Add Gadget, lalu pilih HTML/JAVASCRIPT
4. Lalu copy dan paste kode di bawah ini pada halaman yang telah disediakan.
<center><!--Top Comments-->
<div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; COLOR: black;"><b><img src='http://i622.photobucket.com/albums/tt309/kokobota/anigif-11.gif'/></b></div>
<div style="border: 1px solid black; background: #FFFFFF; padding:2px; width:300px; font-size: 12px; color:black;">
<script type="text/javascript">
function pipeCallback(obj) {
document.write("<marquee>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> | ";
document.write(item);
}
document.write("</marquee>");
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=a55cb97ebb368bb1b89b7f6bdeb35336&filter=ARIEZ&url=http%3A%2F%2Fnama-blog-anda.blogspot.com&num=20" type="text/javascript"></script>
<!-- End Top Comments--></div></center>
5. Lalu Simpan template sobat.

Keterangan:
~ Kode yang berwarna hijau adalah lebar dari kotak widget sobat.
~ Kode yang berwarna merah ganti dengan nama sobat.
~ Kode yang berwarna biru ganti dengan url alamat blog sobat.
~ Kode yang berwarna kuning menunjukkan berapa jumlah komentar yang akan ditampilkan.

Semoga tutorial ini dapat bermanfaat bagi sobat semua, and happy blogging.

5 comments:

  1. Kalo untuk wordpress ada cara untuk membuat Link terkait gak sobb?

    BalasHapus
  2. Maksudnya secara otomatis gitu?

    BalasHapus
  3. kurang tau saya sob....saya juga punya blog di wordpress tapi udah gak terurus...tanya saja sama yang udah master wordpress sob...hehehe

    BalasHapus
  4. Makasih nih sob dah sharing ilmu, yang kayak gini baru tahu saya.

    BalasHapus