Search JavaScript Kit:

This free script provided by
JavaScript Kit

Cara Termudah Memasang Newsticker Tanpa Edit HTML di Blog

Sering menonton Televisi ( TV ) ? sudah tentu akan menemukan berita yang merupakan informasi terkini yang disampaikan melalui Running Text atau Text Berjalan yang letaknya bisa diatas ataupun dibawah layar terutama pada TV berita swasta nasional yang sudah kesohor seperti TV One, Metro TV bahkan sekarang hampir semua station TV menggunakan fitur ini. Nah tampilan tersebut ternyata menginspirasi para Blogger untuk menyajikan Intisari beritanya ataupun Post terkini ataupun Popular Post dll dengan cara mengadopsi fitur tersebut karena selain cukup effektif fungsinya,  juga untuk mempercantik tampilan Blog itu sendiri.



Adapun untuk penempatanyapun sangat fleksibel, bisa ditempatkan di atas Blog, disamping bahkan di bawah Blog sesuai selera. Dan yang menjadi kelebihan Widget ini adalah bisa langsung dipasang tanpa harus EDIT HTML ditanam dalam blog dan cukup tambah Gadget tersebut dan kemudian atur posisi penempatanya.

Baik, kita langsung saja ke langkah-langkahnya sebagi berikut :

Langkah - 1

Kode HTML :



<!-- Awal Simple Newsticker -->
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1">');
var i;
for (i = 1; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://BLOG SOBAT
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
<!-- Akhir Simple Newsticker -->


Keterangan Kode :
  • BLOG SOBAT : Di ganti dengan URL Blog sobat

Langkah - 2
  1. Login ke akun Blogger sobat
  2. Pilih Elemen Rancangan
  3. Pilih Tata Letak
  4. Pilih Add Gadget
  5. Copy kode HTML di atas 
  6. Atur Posisi dari Gadget tersebut ( diatas atau dibawah )
  7. Save/ Simpan Gadget
  8. Lihat hasilnya
  9. Selesai


Demikianlah Cara termudah memasang newsticker tanpa edit HTML di Blog saya sajikan, semoga menjadi manfaat.



.: h72 :.

1 komentar:

No spam...