Cara Membuat Head Line News

Nah kali ini saya juga akan menerangkan atau memberikan cara bagaimana cara membuat teks berjalan seperti yang beerada pada bagian bawah blog ini atau mereka sering menyebutnya head line news. Dulu memang sempat saya mencari-cari dari mana dan akhirnya ketemu, karena sobat merequest langsung saya posting saja hehe sekalian berbagi, mungkin dengan berbagi kita bisa tambah ilmu hehe... langsung saja berikut cara membuat head line news :

1. Login ke Blogger
2. klik Menu Edit Html kemudian cari kode ]]></b:skin>. Gunakanlah fasilitas search untuk memudahkan mencarinya dengan menekan CTRL+F.
Copy scipt dibawah ini, lalu paste diatas code ]]></b:skin> yang tadi.

#anima_sudut {
position:fixed;_position:relative;bottom:5px; right:0px;
clip:inherit;
_bottom:expression(document.documentElement.scrollbottom+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#anima_sudut a:link {
color:#000000;}
#anima_sudut a:visited {
color: #FFFFFF;
text-decoration:none;}
#anima_sudut a:hover {
color: #000000;}

CATATAN :

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

• Untuk kode yang berwarna merah berfungsi sebagai atau untuk membuat link berwarna

• Untuk kode yang berwarna hijau berfungsi sebagai atau untuk membuat text berubah warna ketika link yang berada pada head line news disorot mouse

• Kalau sobat sudah punya script( #anima_sudut) di html blog sobat, tambahkan angka dibelakangnya atau semacamnya untuk membedakan nya.

Contoh : #anima_sudutcr7, #anima_suduti, #anima_sudut2, atau yang lain pokoknya tidak sama

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;
WELCOME TO PORTABLECTECH | 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. tidak diganti juga tidak apa-apa hehe...

• Untuk kode yang berwarna biru berfungsi sebagai warna teks pada head line news

• Untuk kode yang berwarna kuning berfungsi sebagai background head line news

Semoga bermanfaat dan sukses selalu :)

Artikel Terkait: