Pada kali ini akan kita coba bersama-sama bagaimana cara membuat sebuah running news atau berita berjalan pada blog seperti berita-berita berjalan di televisi. Berawal dari kunjungan ke sebuah blog teman yang dipasangi sebuah berita yang dapat berjalan. Setelah dicari-cari ternyata ketemu juga tutorial bagaimana cara membuat berita berjalan di blognya Arbakid.
Ternyata running news kali ini diambil dari running news sebuah radio swasta elshinta, bagi teman-teman yang tertarik untuk membuatnya (khususnya untuk blog dengan blogspot engine) ikuti langkah-langkah berikut
1. seperti biasa masuk dulu ke edit HTML
2. temukan kode ]]></b:skin>
gunakan ctrl + f untuk mempermudah pencarian
3. tambahkan kode berikut tepat diatasnya
#running news {
position:fixed;_position:absolute;top:0px; center:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
4. kemudian temukan kode
5. tambahkan kode berikut di bawahnya
<div id=' running news '>
<iframe allowtransparency='true' frameborder='0' height='20' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
</div>
6. langkah terakhir adalah disave
Jika berhasil pasti berita berjalan dan nampak dibagian atas blog kita, kita jadi bisa mengetahui berita update.
Artikel Terkait:
Tutorial
- Guide Mobile Legends untuk Pemula, Biar Cepat Jago ke Epic, Legend, atau Mythic!
- Cara Mematikan Auto Update Windows 10
- Cara memasang google translate pada blog
- Cara Menambahkan Search Engine ke Blog Anda
- Cara mengganti template blog
- Cara mengubah Favicon
- Cara Pasang Flash di Blog
- Cara membuat Wajan Bolic
- Cara membuat fungsi scroll di archive blog.
- Cara memasang kotak komentar Facebook di blog
- Cara membuat tv online di blog
- Cara memposting kode HTML di blog
- Panduan membuat Blog di Blogspot
Categories:
Tutorial
0 komentar:
Posting Komentar