home
Haiii Apa Kabar.....? Pada Kesempatan kali ini saya akan coba berbagi tentang bagaimana cara membuat tampilan Running Teks Berita dari Situs Online (Headline News).
Setelah sekian lama saya cari, baru kali ini saya dapatkan tampilan seperti yg sobat liat atau tonton di Tv soal tulisan berjalan yg memuat berita terkini dari pelosok tanah air. Sobat bisa memasang berita dari situs online yg sobat kehendaki, misalnya Detik.com, Vivanews.com, atau Metrotvnews.com. Pokoknya reserah dechhh yg penting beritanya selalu ter update.
Nahhh... berhubung saya suka dengerin radio El Shinta maka Postingan kali ini akan saya ambil contoh dari elshintanews.com.
Yoookk kita mulai saja....
Pertama tentunya soba harus login di blogger dgn akun yg sobat miliki
Selanjutnya klik Templat, pilih edit HTML.
Kemudian cari kode: ]]></b:skin>
Lalu tambahkan kode dibawah ini dan letakkan 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); }
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); }
Setelah itu cari kode <body> lalu tambahkan kode dibawah ini tepat diatasnya:
<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>
<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>
Langkah yg terakhir adalah klik pratinjau, Jika berhasil kamu akan mendapatkan tampilan blog yg kamu harapkan, kereen dan gak ketinggalan berita hehhe...
Jika tidak error, Silahkan SIMPAN, Dan coba lihat hasilnya.
Demikianlah postingan saya tentang Cara Membuat Headline News Situs Berita di Blog
Wassalam....... Sampai jumpaa......!!!
Home
Posting Komentar