Cara Menampilkan Top Comment Berjalan (Marquee)

Wahhh...lama juga ga posting nich...akhirnya kangen juga sama blog setelah beberapa hari tidak menjamahnya karena ada sedikit kesibukan diluar.

Oke langsung saja ke postingan, sebenarnya postingan kali ini adalah untuk menjawab pertanyaan sobat blogger, saya lupa namanya karena beliau bertanya via shoutbox blog ini yang lama, dan pada akhirnya shoutbox saya di banned, dan sekarang berganti dg Cbox, jadi maaf ya jika saya lupa, maklum memori sudah lemot. kalau tidak salah beliau bertanya bagaimana cara membuat Top Comment berjalan seperti di blog ini? dan saya menjawab Coming soon sobat( Kayak film baru aja )

Oke, setelah kemaren sempat memposting cara menampilkan Top Comment di Blog, nah... sekarang mencoba membeberkan cara alternatif kedua untuk menampilkan Top Comment di blog dengan tampilan yang sedikit berbeda.

Cara alternatif yang kedua ini menggunakan metode tulisan berjalan (Marquee). makanya postingan kali ini saya beri nama Cara Menampilkan Top Comment Berjalan (Marquee). sempat bingung sich mau memberi judul postingan kali ini, namun tanpa banyak pikir...yaaahhh lihat aja dech tampilannya seperti di blog ini ( halaman utama, diatas postingan )

Sudah dilihat hasilnya...???
Jika sudah puas ngeliatnya...sekarang buat anda yang ingin mencoba, selamat mencoba cara dibawah ini.
Scriptnya tidak jauh berbeda dengan script code Top Comment sebelumnya, cuma sedikit di modifikasi aja. oke langsung aja dech :

• Pertama-tama Login dulu ke Blogger
• Lalu, pada dashboard masuk ke Layout/Tata Letak
• Nah, sekarang berada di Page Element/Elemen Laman
• Add Gadget
• Pilih HTML/Javascript
• Copy code dibawah ini dan paste di gadget HTML/Javascript tadi

<center><!--Top Comments-->
<div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; COLOR: black;"><b>Top Comment :</b></div>
<div style="border: 3px dotted black; background: #fff000; padding:2px; width:470px; 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=G E O R G E O U Z&url=http%3A%2F%2Fnama-blog-anda.blogspot.com&num=10" type="text/javascript"></script>
<!-- End Top Comments--></div></center>

• Ganti tulisan berwarna merah dengan link blog anda (ingat tanpa http://)
• Ganti angka berwarna kuning sesuai dengan jumlah top comment yang ingin anda tampilkan
• Ganti tulisan berwarna hijau dengan nama anda yang biasa anda pakai di comment blog anda(seperti contoh diatas, nama yang biasa saya pakai adalah G E O R G E O U Z, jadi harus sama huruf-hurufnya,simbol-simbolnya serta jaraknya jika anda menggunakan spasi) fungsinya agar nama anda tidak ikut dalam Top Comment dari pengunjung, jika tidak diganti, maka sudah pasti anda sendiri yang menjadi top commentnya, it's not fair for your visitor(so' inggris mode-on)
• Simpan hasil kerja anda
• Coba dech test hasilnya

Selamat mencoba
Semoga bermanfaat
Terima Kasih Harga Notebook Acer Aspire S3 Ultrabook

Cara Menampilkan Top Comment Berjalan (Marquee)