Pada kesempatan kali ini saya akan memenuhi janji saya tentang tata cara membuat head line news seperti punya saya,
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">
<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 REMO-XP | SILAHKAN GANTI DENGAN TEXT ANDA
</MARQUEE></b></font>
</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.
Selamat Mencoba.
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">
<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 REMO-XP | SILAHKAN GANTI DENGAN TEXT ANDA
</MARQUEE></b></font>
</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.
Selamat Mencoba.
0 komentar:
Posting Komentar