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 : PlayBook Segera Hadir di IndonesiaKabar gembira bagi anda penggemar BlackBerry. Pasalnya pihak RIM (Res ... [ www.fabrie.blogspot.com] gak cuma jacko yang bisa!siapa sih yang gak kenal gerakan ini? gerakan ini di populerkan oleh ... [ www.fabrie.blogspot.com] Cara Memasang Iklan Ditengah Posting BlogspotBerbeda dengan wordpress, blogspot tidak menggunakan plugins seperti ... [ www.fabrie.blogspot.com] tips menjaga alexa rank dan page rankbagaimana membuat alexa dan Pr agar terjaga dan terus meninggkat wala ... [ www.fabrie.blogspot.com] Cara Menerbitkan Posting Di BlogspotPada saat kamu akan membuat tulisan baru di blogspot maka kamu akan d ... [ www.fabrie.blogspot.com] readmore dengan menampilkan judul post dan mengganti dengan gambarJika sudah memasang fasilitas read more sebelumnya, ikuti langkah-lan ... [ www.fabrie.blogspot.com] membuat buku tamu tersembunyiingin menampilkan buku tamu tersembunyi di blog? Masuk ke account Blo ... [ www.fabrie.blogspot.com] Cara Membuat Auto Hide pada Navbar BloggerCara Membuat Auto Hide pada Navbar Blogger adalah cara agar Navbar bl ... [ www.fabrie.blogspot.com] Cara Mengganti Template BlogspotDi blogger atau blogspot, anda dapat dapat mengganti template blog an ... [ www.fabrie.blogspot.com] Menampilkan kode script pada posting blogMasuk Blogger>Klik Layout(tata letak).Pada Layout/tata letak klik ... [ www.fabrie.blogspot.com] MEMASANG KOMENTAR TERBARUMasuk ke Blogger.Pilih Tata Letak.Pilih Edit HTML.Cari kode ini ]]> ... [ www.fabrie.blogspot.com] Judul Artikel Sebagai Judul BlogEdit HTMLCari kode ini <title><data:blog.title/></titl ... [ www.fabrie.blogspot.com] MENAMBAH EMOTIONS DI BUKU TAMU (SHOUTBOX)anda dapat menambah emotions dengan koleksi anda sendiri atau mengcop ... [ www.fabrie.blogspot.com] cara menampilkan judul artikel / post di depan judul blog layout > Edit HTML Cari kode berikut :<title><data:blog.pag ... [ www.fabrie.blogspot.com] Menghilangkan Tanggal PostingTanggal posting berguna untuk memeri informasi kapan postingan Anda t ... [ www.fabrie.blogspot.com] Mempercepat Loading Page Pada BlogWidget yang terlalu banyak menbabkab loading blog tergannggu, seperti ... [ www.fabrie.blogspot.com] Cara Mudah Membuat simbol trademark, registered , copyright dan simbol lainnyaUntuk membuat TradeMark alias TM TM adalah singkatan dari TradeMark. ... [ www.fabrie.blogspot.com] Membuat Widget Pop Up Windows di Blogwidget yang tampil seperti mengambang di blog, biasanya sering untuk ... [ www.fabrie.blogspot.com] membuat kotak komentar ada foto komentatornyaberikut langkah-langkahnya: klik tata letak,Edit HTML → Sebelumnya ... [ www.fabrie.blogspot.com] menambahkan name/url opsi profilAkhir-akhir ini saya bingung mengapa select profil pada form komen ... [ www.fabrie.blogspot.com] Free Icon Untuk Blog Dan WebsiteBagi anda yang suka menghiasi blog atau website dengan berbagai macam ... [ www.fabrie.blogspot.com] Cara Menjadi Penulis Di Blog IniMakin hari perkembangan blog ini semakin pesat. Tiap hari ratusan ora ... [ www.fabrie.blogspot.com] Tips menampilkan pesan pada jam tertentuKadang kita bingung bagaimana berkomunikasi dengan pengunjung karna k ... [ www.fabrie.blogspot.com] kursor di ikuti segerombolan teksingin kursor di ikuti teks? masuk ke Blog. Tata Letak, tambah widget ... [ www.fabrie.blogspot.com] Online Image ( Gif,PNG.JPG) Optimizer : Image CompressorImgage optimzer yang satu ini disediakan secara online oleh dinamycdr ... [ www.fabrie.blogspot.com] membagi/ menambah lagi sidebar menjadi 2Sign ke Blogger.Pilih tata Letak.Pilih Edit HTML.Back up dulu templat ... [ www.fabrie.blogspot.com] Membuat widget selalu berada di pojokKamu ingin gambar/photo kamu, animasi, Jam, Shoutbox,Hit Counter, Kal ... [ www.fabrie.blogspot.com] Memindahkan Tanggal Publikasi Dibawah Judul PostingBila kita menggunakan template default blogger, biasanya saat kita m ... [ www.fabrie.blogspot.com] MENGATUR PENAMPILAN LINKIkuti langkah-langkahnya.Masuk ke Blogger.Pilih Tata letak.Pilih Elem ... [ www.fabrie.blogspot.com] IMAGE JADI SAMAR KETIKA KURSOR DIATASNYAikuti lanhka-langkah berikut Masuk ke Blogger dengan ID anda.Pilih Ta ... [ www.fabrie.blogspot.com] Cara Mudah Menambahkan Fitur Reply Pada Kolom Komentar BlogspotMembuat Fasilitas Reply pada Kotak Komentar ini akan membantu mempe ... [ www.fabrie.blogspot.com] Layanan Blog Gratis Yang Harus Kamu CobaSelain Blogspot dan wordpress. Masih banyak layanan blog gratis yang ... [ www.fabrie.blogspot.com] Menyembunyikan gadget atau widget pada postingan tertentuLoading blog sobat lambat karena widget yang begitu banyak? supaya wi ... [ www.fabrie.blogspot.com] Cara Mudah Membuat Marquee / Text Berjalan pada BlogKode dasar dari Marquee ini cukup sedehana yaitu di buat dengan mengg ... [ www.fabrie.blogspot.com] Blogspot Mobile View? (Mobile Version)Selama ini kita mengetahui bahwa blogspot tidak tersedia fitur mobile ... [ www.fabrie.blogspot.com] Cara Menganti Akun Login BlogpsotMisalkan anda ingin mengganti email login ke blog anda dari AkunLama ... [ www.fabrie.blogspot.com] Apa itu Bloging (Ngeblog) dan Apa manfaatnya?Selama ini banyak orang yang bertanya apa itu blog? blogging atau nge ... [ www.fabrie.blogspot.com] menyembunyikan kolom kanan pada sub halaman, dan saat anda mengklik "Label atau Kategori maka kolom kanan Main tetap ada di Homepage.menyembunyikan kolom kanan pada sub halaman, dan saat anda mengklik " ... [ www.fabrie.blogspot.com] Menambah Space Iklan di Dalam Posting BlogspotBanyak cara bagi para publisher untuk menampilkan iklan di blognya ag ... [ www.fabrie.blogspot.com] Membuat Garis Lengkung Pada Border blogMenggunakan border ini adalah untuk meminimalkan memepercantik blog d ... [ www.fabrie.blogspot.com] Membuat Dropcap di Posting BlogSilahkan Login di Blogger.com, lalu masuk ke menu Layout Edit HTML, k ... [ www.fabrie.blogspot.com] Notebook Hybrid Lenovo Terbaru Inovatif Dengan Layar Bisa DilepasProduk dari Lenovo berupa Notebook Tablet baru ini memang lain dari p ... [ www.fabrie.blogspot.com] Cara Membuat Daftar Isi BlogspotMembuat daftar isi sepertiini kadang membuat loading blog menjadi lam ... [ www.fabrie.blogspot.com] Cara Membuat Jump Link di Dalam PostingWah apaan tuh "Jump Link" ?? mungkin sobat bertanya-tanya apa sih mak ... [ www.fabrie.blogspot.com] Beda antara Border ,Padding dan Margin .fullpost{display:inline;} Barangkali anda yang sudah terbiasa d ... [ www.fabrie.blogspot.com] Membuat Related Post Tanpa DuplikatPada tutorial sebelumnya tentang artikel terkait atau related post. P ... [ www.fabrie.blogspot.com] menyembunyikan komentarAda satu cara untuk menyembunyikan komentar pengunjung sehingga begit ... [ www.fabrie.blogspot.com] Membuat Random BannerRandom Banner adalah sebutan untuk tampilan banner yang tampil secara ... [ www.fabrie.blogspot.com] misteri ka'bahNeil Amstrong telah membuktikan bahwa kota Mekah adalah pusat dari pl ... [ www.fabrie.blogspot.com] menambah elemen baru di atas footerSalam sobat , kali ini saya akan coba menjelaskan langkah-langkah unt ... [ www.fabrie.blogspot.com]

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