Cara Membuat Top Coment dengan Marque

Halo sobat Blogger semuanya tanpa terkecuali, klai ini saya akan membahas masih tentang Marquee. Pada postingan kemarin saya membahas tentang cara Membuat Label dengan Marquee, nah kali ini masih juga tentang marquee yaitu cara membuat Top Coment dengan Marque. Efek marque selain indah dipandang marquee juga digunakan untuk menghemat ruang blog kita dan bisa mempercantik tampilan blog karena bentuknya yang dinamis.



Baik tanpa panjang lebar lagi mari kita lanjut ke langkah-langkah pembuatannya



  1. Seperti biasa Masuk ke Blog sobat

  2. Klik Tab Rancangan

  3. Klik Tab Elemen Halaman

  4. Klik Tambah Gadget

  5. Klik pilihan menu HTML/JavaScript

  6. Pastekan script di bawah ini ke dalam kolom konten tersebut

  7. Kemudian klik tombol Simpan

<center><!--Top Comments-->
<div style="text-shadow:4px 4px 4px #adadad; COLOR: red;"><b>Top Comment :</b></div>

<div style="border: 0px dotted black; background: ; padding:2px; width:auto; font-size: 12px; color:red;">
<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=nama-blog-sobat.blogspot.com&url=http://nama-blog-sobat.blogspot.com&num=10" type="text/javascript"></script>

<!-- End Top Comments--></div></center>


KETERANGAN!

  • Ganti tulisan yang berwarna BIRU dengan nama blog anda ingat tanpa Http://

  • Warna PINK silahkan anda ganti sesuai top komentar yang ingin anda pasang,

  • Yang berwarna MERAH silahkan sobat ganti dengan nama yang sobat inginkan





OK, mungkin sampai sini aja dulu jika sobat berminat silahkan dicoba. Selamat mencoba dan semoga bermanfaat.





Terima Kasih
Created By Syarief Hidayat



------------------------------------------------------------------------------------------

Blog Archive