Pages

Kamis, 30 Agustus 2012

Cara membuat widget berita berjalan melayang di blog

Sebelumnya saya sudah mempost cara membuat widget berita berjalan. Nah, kali ini penulis akan mempost cara membuat widget tersebut melayang di bawah halaman di blog. Kalau seperti itu 'kan jadi seperti di Tv beneran kan sob~? Contohnya bisa langsung lihat di blog penulis. Ada kan di bawah halaman blog ini? Langsung aja yukk!

    1. Masuk ke Akun blogger sobat seperti biasa.

    2. Masuk ke Rancangan > Tambah Gadget 
    3. Pilih HTML/Java Script dan Copas kode di bawah ini.

<style>
#topmenu {
border:0px solid #fff;
position: fixed;
z-index: +1000;
bottom: 0px;
margin: 0 auto;
width: 100%;
height: 25px;
left: 0px;
background: black;
}
.news {
width:100%;
float:left;
margin:2px;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
</style>
<div id="topmenu">
<div class="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="100%"></iframe></div></div>
    4. Simpan dan lihat hasilnya! Semoga bermanfaat :)

0 komentar:

Posting Komentar