√ Cara Menciptakan Dan Pasang Iklan Melayang Di Blog Dengan Tombol Close

Membuat dan Pasang Iklan Melayang atau Floating di Blog Dengan Tombol Close

Membuat dan Pasang Iklan Melayang atau Floating di blog bukanlah hal yang sulit di lakukan.

Cukup dengan menambahkan sebuah script di dalam template blog Anda iklan akan muncul dengan responsive atau menyesuaikan ukuran tampilan blog yang Anda miliki, tentunya di sertai dengan tombol close yang akan menciptakan pengunjung blog Anda sanggup menutup iklan tersebut dengan mudah.

Hanya dengan memakai aba-aba JavaScript yang simpel iklan ini tidak akan menggangu kecepatan loading blog Anda. Tidak hanya aba-aba iklan saja yang sanggup anda tambahkan melainkan aba-aba lainya ibarat untuk menayangkan Fanspage, Grup facebook, Subscriber blog, Profil Anda dan masih banyak lagi terserah Anda mau menampilkan apa.

Kali ini saya akan menunjukkan cara menciptakan dan pasang iklan melayang hanya untuk pengguna Blogger, kalau Anda tertarik silahkan ikuti langkah-langkah berikut :

Cara Menampikan Iklan Melayang di Blog

Versi 1

1. Login ke akun Blogger Anda, masuk ke dasbor, klik Template, pilih edit HTML.

2. Cari aba-aba </body>, kalau Anda kesulitan silahkan tekan Ctrl+F di dalam HTML blog Anda untuk memudahkan pencarian.

Ini pola kalau anda mencari aba-aba </body>

3. Silahkan Copy aba-aba di bawah ini dan letakkan atau paste aba-aba ini sempurna di atas aba-aba </body>.

<script type='text/j4vascript'>
        $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).hide(90);});});
</script>
        <!--start: floating ads-->
        <div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
         <div><a id='close-floatads' onclick='document.getElementById(&apos;floatads&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEzJ-mHFlvysfnZzvNiTnIKXADXNgrrXOcGj9i8E6clV-qD0B48EZk7QZ2uQS-AIrl_wVOEIFjLSkkyCC3aeCYGFxs4AFc68gNSIboh8_5bt_sG4QLZKEjAwx8KP4ycOYH45wyuRTZBQ8/s1600/btn_close.gif' title='close button'/></a></div>
    <div style='text-align:center;display:block;max-width:720px;height:auto;overflow:hidden;margin:auto'>
        <!--Awal Script iklan-->
Masukan Kode Iklan Anda di Sini
<!--Akhir script iklan-->
        </div>
</div><!--end: floting Ads-->

4. Simpan Template dan lihat akhirnya di blog kalian.

Catatan :

• Kode yang berwarna biru itu yakni aba-aba untuk ukuran iklan, sanggup anda ubah sesuka kalian.
• Sedangkan yang berwarna merah kalian ganti dengan aba-aba iklan yang akan anda tampilkan.

Versi 2

Sama ibarat versi 1, simpan aba-aba di bawah ini di bawah aba-aba </blody>

<script type='text/j4vascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>

<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirK_hZ17vk2ObNgaqFyLnSMtwOBaecoLXF7ZJIv5vmQD0LzKmgmMVTl1Di25KwxU-JC5TAfM8Ph-J-V0OBHqVL1oeO1oM1HCz_esX1S9q00hl32uIwsK4n4riKr-c1QUJuE9ixbScDASRQ/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6mToF4a_k4aUbzFsB4OcsmQAud9RlG_TLqf-MyqmITkZYSYY-wJhOOmiqGywl9NFZ3JhDSS4qhRPtKCMXdCJJyDCLN0KPgwteeHtDZGlKrQO7uRoK7Y0hfyDoLVxicqAPjichsleei5_T/s1600/arlina-tea.png'/></a>
</div>
</div>

 Keterangan :

• Yang membedakan versi ke 2 ini yakni iklan yang akan Anda tampikan berupa link URL dari gambar produk lainya yang ingin Anda tampilkan, bukan berupa script lagi.
• Silahkan ganti ukuran iklan di goresan pena yang berwarna biru.
• ganti tanda # dengan URL ikan anda,
• Beri nama iklan anda pada bab title yang berwarna merah.

Sangan gampang kan membuat dan pasang iklan melayang atau floating di blog Anda sendiri. Demikian artikel ini supaya sanggup membantu dan menuntaskan problem anda seputar blogger.
Sumber http://felovena01.blogspot.com