Cara Membuat Head Line News

Pada Postingan kali ini, saya akan memberitahu para pembaca bagaimana cara membuat Head Line News seperti di bagian bawah Blog ini. dasar-dasarnya tidak jauh berbeda dengan Cara Membuat teks berjalan (Efek Marque) pada postingan saya sebelumnya, hanya perlu ditambahkan beberapa kode.

Oke...langsung saja kita ikuti langkah-langkah pembuatannya berikut ini :
1. login ke akun blogger masing-masing, lalu tata letak - edit HTML ( berlaku untuk model New template )
Kemudian cari kode ]]></b:skin>. Gunakanlah fasilitas search untuk mencari nya dengan menekan CTRL+F pada keyboard anda.
Copy script 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)

2. Cari kode </body> kemudian copas kode berikut ini diatas kode tersebut.

<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 ELLA BLOG | SILAHKAN GANTI DENGAN TEXT ANDA

&lt;/MARQUEE&gt;&lt;/b&gt;&lt;/font&gt;

</div>

3. Kemudian simpan perubahan, dan lihat hasilnya. Untuk keamanan sebelum melakukan editing pada script HTML, copas dulu template anda pada notepad atau download template anda.


Semoga Tip ini bermanfaat, dan ingat give comment dulu ya.... :-)

Artikel Terkait: