Cara Membuat Head Line News


Assalamu'alaikum

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

Related Posts by Categories





0 comments:

Post a Comment

Al Qur'an Online