PURBALINGGA BROW er

Monday 27 January 2014

Cara Membuat News/Berita Update Berjalan Di Blog



AchsanBlog - Cara Membuat News/Berita Update Berjalan Di Blog. halo sobat, jumpa lagi dalam tutorial blog. kali ini saya akan berbagi tutorial bagaimana cara/trik memasang running news di blog kita. seperti halnya di televisi berita kita biasa disajikan info berita di bawah layar kaca atau running text. kali ini berita yg diambil dari radio elshinta. so berita dipastikan akan update terus mengikuti info terbaru.

contoh punya sya, running news sya taruh diatas blog: 


bagaimana sobat tertarik membuatnya? ok langsung saja ikuti tutrial brikut ini :
1. masuk dulu ke edit HTML
2. cari kode ]]></b:skin>

3. tambahkan kode berikut ini tepat diatasnya

#running news {
position:fixed;_position:absolute;top:0px; center:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
4. kemudian cari kode  <body>
5. tambahkan kode berikut ini di bawahnya


<div id=' running news '>
<iframe allowtransparency='true' frameborder='0' height='20' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
</div>
6. langkah terakhir adalah disave

NB : bisa jg untuk panjang atau letak silakan sobat atur sendiri sesuai selera sobat. diatas kode <head> bs, di tempat widget jg bs. trserah sobat, yg pnting kelihatan. hhe

nah apabila berhasil maka sobat akan mendapatkan sajian berita gratis dari radio elshinta

4 comments:

  1. gan postingannya sangatlah bermanfaat ... ijin sedot yaa, oh yaa ni blog saya http://kumpulanpuisidwiki.blogspot.com :)

    ReplyDelete
  2. Ada demonya gak gan??
    http://gudangptc.blogspot.com/

    ReplyDelete
  3. TANKS INFONYA GAN ..
    INDOBLOG BLITAR : https://dedy-restu.blogspot.co.id

    ReplyDelete
  4. Ijin sedot gan

    http://www.penangkalpetircsk.co.id/

    ReplyDelete