Sunday, February 05, 2012

Membuat Headline News di Blogger

Dihari yang cukup cerah di Bekasi ini sekarang gue mau membuat tutorial pesenan teman gue Aldy Normansyah cara membuat tulisan berjalan seperti di berita berita gitu.. :)


Pada dasarnya, trik ini adalah gabungan dari membuat garis dan efek tulisan berjalan (marquee).
Oke kita mulai saja..

Pertama tama login dulu di blog kalian masing masing.. Jangan di blog orang, hehehe..
Lalu Klik Tata letak -> Edit HTML, buat yang menggunakan draft.blogger.com caranya klik Template -> Edit HTML

Tempelate -> Edit HTML

Setelah itu cari kode ]]></b:skin> dengan cara search menggunakkan CTRL+F.
Kalo udah ketemu Copy Script dibawah ini terus paste DIATAS ]]></b:skin> yang tadi sudah ketemu.


#tulisan_berjalan {
position:fixed;_position:relative;top:5px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Untuk merubah posisi nya, kalian bisa merubah top:5px; left:0px; sesuai kebutuhan anda.(top=atas, bottom=bawah, right=kanan, left=kiri)

Setelah itu Cari lagi kode </body>  menggunakan fasilitas search CTRL+F.
Lalu paste Script berikut DIATAS kode </body>

<div id="tulisan_berjalan">
&lt;font COLOR="#000000"&gt;
&lt;B&gt;&lt;MARQUEE onmouseover="this.stop()" onmouseout="this.start()" direction="left" BGCOLOR="#80ff00" width= 100%px scrollamount="3"&gt;
DISINI DIGANTI DENGAN TEXT SESUAI YANG KALIAN INGINKAN
&lt;/MARQUEE&gt;&lt;/b&gt;&lt;/font&gt;</div>


Setelah itu klik Simpan Template.
dan SELESAI.








Apabila masih ada yang kurang jelas, bisa ditanyakan di komentar atau di guestbook.
Terima Kasih.
Special Thanks For: REMO - XP



No comments:

Post a Comment

Hi!

Terima kasih sudah membaca artikel ini, apabila artikel ini bermanfaat, silahkan share ke teman teman kalian atau blog kalian, tapi jangan lupa sertakan link hidup menuju ke blog ini sebagai sumbernya yaa. (contoh: adityajanata.blogspot.com)