Membuat Floating Image Yang Bisa Ditutup (close) Pada Blog

Floating image merupakan image mengambang yang biasanya berada di sebelah kiri (atas atau bawah) dan kanan (atas atau bawah) pada blog. Sebenarnya floating image merupakan hiasan pada blog. Akan tetapi sering kali pemasangan floating image ini sedikit menutupi tampilan yang ada di blog sehingga membuat pengunjung blog agak sedikit terganggu dengan tampilan floating image tersebut apalagi sampai menutupi sedikit bagian postingan blog yang kalian miliki. Untuk menghindari hal-hal tersebut bagaimana kalau floating image di beri fungsi close (tutup), sehingga floating image tersebut bisa ditutup (close).
langkahnya:

1. kopi kode berikut di atas ]]></b:skin>
   #mta_bar {<br /> position:fixed;<br /> _position:absolute;<br /> bottom:10px;<br /> right:0;<br /> margin:0;<br /> padding:0<br /> }<br />#mta_bar .right { <br /> float:right;<br /> width:110px;<br /> margin:0;<br /> padding:0;<br /> }<br />#mta_bar .left { <br /> float:right;<br /> width:110px;<br /> margin:0;<br /> padding:0;<br /> }<br />#mta_bar .ads {<br /> margin:0;<br /> padding:0;<br /> }<br />#mta_bar .close {<br /> margin:0;<br /> padding:0;<br /> }



2. dan kode berikut di bawah ]]></b:skin>
   <script type='text/javascript'><br />//<![CDATA[<br />var mta_arr = new Array();<br />var mta_clear = new Array();<br />function mtaFloat(mta) {<br />mta_arr[mta_arr.length] = this;<br />var mtapointer = eval(mta_arr.length-1);<br />this.pagetop = 0;<br />this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;<br />this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);<br />this.mtasrc.height = this.mtasrc.offsetHeight;<br />this.mtaheight = this.cmode.clientHeight;<br />this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);<br />var mtabar = 'mta_clear['+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';<br />mtabar = mtabar;<br />eval(mtabar);<br />}<br />function mtaGetOffsetY(mta) {<br />var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);<br />var parentOffset = mta.mtasrc.offsetParent;<br />while ( parentOffset != null ) {<br />mtaTotOffset += parentOffset.offsetTop;<br />parentOffset = parentOffset.offsetParent;<br />}<br />return mtaTotOffset;<br />}<br />function mtaFloatInit(mta) {<br />mta.pagetop = mta.cmode.scrollTop;<br />mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";<br />}<br />function closeAds() {<br />document.getElementById("mta_bar").style.visibility = "hidden";<br />}<br />//]]><br /></script>



3. kopi kode berikut di atas </body>
   <div id='mta_bar'><br /><div class='right'><br /><span class='ads'><br /><img src='image.gif'/><br /></span><br/><br /><span class='close' onClick='closeAds();return false;' style='color:red;cursor:hand;cursor:pointer;'>close [x]</span><br /></div><br /></div>



4. simpan

Tulisan Terkait :

Best Quote Today:
Keberhasilan adalah kemampuan untuk melewati dan mengatasi dari satu kegagalan ke kegagalan berikutnya tanpa kehilangan semangat. (Winston Chuchill)

Jika Anda menyukai tulisan diatas jangan lupa untuk klik tombol suka untuk berbagi dengan teman facebook Anda. Anda juga bisa membagikan tulisan ini di twitter dan jejaring sosial lainnya. Berbagi itu indah.

Become a Fan