Cara Membuat Head Line News

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

Cara yang saya gunakan untuk membuat head line news sebenarnya hampir sama ketika saya memasang gambar di sudut layar, cuma ada beberapa code yang harus di ubah. Cuma beberapa kok, nggak banyak. Hehehe
Okehh, kita langsung aja sob,

pertama, login ke akun blogger masing-masing, lalu tata letak - edit HTML.
Kemudian cari kode ]]></b:skin>. Gunakanlah fasilitas search untuk mencari nya dengan menekan CTRL+F.
Copy scipt dibawah ini, lalu paste diatas code ]]></b:skin> 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 </body>.
<div id="anima_sudut">
&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;
HEAD LINE NEWS CREATIVE BY REMO-XP | SILAHKAN GANTI DENGAN TEXT ANDA
&lt;/MARQUEE&gt;&lt;/b&gt;&lt;/font&gt;
</div>

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.

Delicious

Digg

StumbleUpon

Reddit

Subscribe to RSS Feed