Cara Membuat Head Line News di blog

19.16 Administrator

Pada kesempatan kali ini saya akan memenuhi janji saya tentang tata cara membuat head line news seperti punya saya, buat sobat blogger yang ingin mempelajari dasar-dasar nya silahkan baca artikel saya tentang cara membuat efek marquee dan cara memasang gambar di sudut layar.

pertama, login ke akun blogger masing-masing, lalu tata letak - edit HTML.
Kemudian cari kode ]]>. Gunakanlah fasilitas search untuk mencari nya dengan menekan CTRL+F.
Copy scipt dibawah ini, lalu paste diatas code ]]> yang tadi.

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

Untuk menuntukan posisinya, sobat blogger bisa merubah top:10px; left:10px; .( top=atas, bottom=bawah, right=kanan, left=kiri)

Note : Kalau sobat sobat blogger sudah punya script( #anima_sudut) di html blog sobat, tambahkan angaka dibelakangnya atau semacamnya untuk membedakan nya.
Contoh : #anima_sudut2

 Kemudian copy-paste code dibawah ini diatas code .

<font COLOR="#000000">
<B><MARQUEE onmouseover="this.stop()" onmouseout="this.start()" direction="left" BGCOLOR="#80ff00" width= 100%px scrollamount="3">
HEAD LINE NEWS CREATIVE BY TUTORIALS ABOUT | SILAHKAN GANTI DENGAN TEXT ANDA
</MARQUEE></b></font>

CATATAN :
Jangan lupa samakan variabel script di atas dengan yang dibawah.
Misalnya, yang diatas menggunakan nama #anima_sudut2 maka yang di bawah otomatis harus disamakan juga menjadi anima_sudut2.
Jangan lupa ganti height dan width nya sesuai dengan ukuran blog anda. kalau tidak di ganti juga tidak masalah. suka-suka pokonya, hehehe
Sekian tips blogging dari saya, semoga bisa membantu.