Membuat Berita Berjalan di Blog - Jika para blogger sering menonton berita di televisi, pasti pernah melihat berita yang berjalan di bagian bawah, bahkan hampir semua stasiun tv sekarang sudah memasangnya. Kita biasanya menyebutnya newsticker. Lalu bagaimana jika itu terpasang juga di blog kalian? Seperti yang ada pada bagian bawah dari blog Maen Blogging. Pastinya blog akan makin cantik dan para pengunjung akan selalu upadate dengan berita-berita yang terpampang di blog kalian.
Ok! tanpa panjang lebar berikut langkah-langkahnya :
- Buka akun blog anda
- Pilih Template - Edit HTML - Lanjutkan
- Jangan lupa centang Expand Template Widget
- Cari kode ]]></b:skin> dan letakkan script ini di atasnya
#berita {
position:fixed;_position:absolute;bottom:0px; center:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
position:fixed;_position:absolute;bottom:0px; center:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
- Selanjutnya cari kode </body> dan letakkan script berikut di atasnya
<div id=' berita '>
<iframe allowtransparency='true' frameborder='0' height='17' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
</div>
<iframe allowtransparency='true' frameborder='0' height='17' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
</div>
- Simpan dan lihat hasilnya
Trik dari Maen Blogging
Sebenarnya ada trik dari maenblogging yang lebih simple. Bagi kalian yang gak mau ambil pusing dengan mengedit HTML template kalian, cara yang satu akan jauh lebih aman karena disini kita akan memanfaatkan element yang kita miliki untuk meletakkan newsticker. Berikut langkah-langkahnya
- Masuk akun blog anda
- Pilih Tata Letak - Tambah Gadget - HTML/Javascripts
- Berikutnya kalian tinggal copy pastekan saja scripts yang kedua diatas, <div id=' berita '> dst itu
- Untuk width bisa anda sesuaikan dengan ukuran widget anda
- Simpan dan lihat hasilnya
Budayakan Untuk Meninggalkan Komentar, Meskipun Hanya Satu Huruf
0 komentar:
Posting Komentar