Untuk kalian yang mempunyai tampilan blog minimalis dan ingin memasang banner iklan di sisi kanan dan sisi kiri blog dapat mengikuti langkah-langkahnya pada artikel ini.
Untuk dapat memasang iklan pada samping kanan dan kiri blog, kita perlu membuatnya dengan sedikit sumbangan arahan JavaScript.
Space banner iklan di samping kiri dan kanan ini dibentuk melayang biar dikala di scroll dapat mengikuti terus atau dapat juga di sebut dengan sticky.
Selain itu, banner iklan ini juga di lengkapi dengan tombol close untuk memudahkan pengunjung menutup atau menyembunyikan iklan tersebut jikalau memang dirasa tidak perlu atau menggangu.
Iklan melayang di samping kanan dan kiri blog ini dapat Anda gunakan untuk menampilkan iklan banner, dapat juga dipakai untuk menampilkan iklan AdSense.
Pada umumnya iklan banner ini berukuran 160px x 600px atau biasanya disebut dengan jenis iklan Skyscraper. Selain ukuran tersebut Anda juga bebas memakai ukuran berapa saja, asalkan tidak menutupi atau menghalangi artikel atau konten di blog Anda.
Baca juga: Cara Membuat Kotak Banner Iklan di Blog
Perlu Anda ingat kembali, jenis iklan banner melayang di samping kanan dan kiri blog ini cocok untuk blog yang mempunyai tampilan minimalis, sangat tidak di rekomendasikan jikalau dipakai pada blog yang mempunyai tampilan wide atau full sampai samping alasannya dapat menghalangi pembaca.
Cara Memasang Banner Iklan di Samping Kanan dan Kiri Blog
1. Masuk ke Blogger.com.
2. Klik Tata Letak > Tambahkan Gadget > HTML/JavaScript > Copy dan Paste arahan dibawah ini.
<style scoped='' type="text/css"> #iklankirikanan{position:fixed;_position:absolute;top:0;right:0;width:160px;clip:inherit;_top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth)} </style> <script type="text/j4vascript"> function get_cookie(Name){var search=Name+"="var returnvalue="";if(document.cookie.length>0){offset=document.cookie.indexOf(search)if(offset!=-1){offset+=search.length end=document.cookie.indexOf(";",offset);if(end==-1)end=document.cookie.length;returnvalue=unescape(document.cookie.substring(offset,end))}}return returnvalue}function close1(){if(persistclose)document.cookie="remainclosed=1"document.getElementById("iklankirikanan").style.visibility="hidden"}if(window.addEventListener)window.addEventListener("load",staticbar,false)else if(window.attachEvent)window.attachEvent("onload",staticbar)else if(document.getElementById)window.onload=staticbar </script> <br /> <div class="clear"> </div> <div id="iklankirikanan"> <div style="text-align: right;"> <a href="" onclick="close1(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDU3OQ4KHwUJucfWq2MiJlV0Jjv6yofLeuSKtNpM7acjDCIPHZPM9uqmAtFQ_NeelsQF9_emCJLEc_noeHtTEA5JScrL2uWLPC0Ej4erckniW0WRA9_obrKd5ExR-PTuAZQeb6gRXMfqcv/s1600/close-btn.png" /></a></div> <div onclick='close1()'> <div style="background: #fff;"> <a target="_blank" href="LINK-TUJUAN" title="√ Cara Membuat Banner Iklan Melayang di Samping Kanan dan Kiri Blog"><img style="border: none;" alt="Untuk kalian yang mempunyai tampilan blog minimalis dan ingin memasang banner iklan di sisi √ Cara Membuat Banner Iklan Melayang di Samping Kanan dan Kiri Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8mKpk76LXZPqpcAvRCEIsLMGqLWhupIvuDiFmBhHMLERkpK2eJ1ED8BFdryvXXNu4ePKquaUzOFX09uG-WqPpQC6u7fkKFhMqHkGTOTsq7jwe1z-vZX-qtPVMlzW4khObHoBZVwYaQLzW/s1600/ban-melayang.gif" title="√ Cara Membuat Banner Iklan Melayang di Samping Kanan dan Kiri Blog" width="160" height="600"/></a></div> </div></div> <style scoped='' type="text/css"> #iklankirikanan1{position:fixed;_position:absolute;top:0;left:0;width:160px;clip:inherit;_top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth)} </style> <script type="text/j4vascript"> function get_cookie(Name){var search=Name+"="var returnvalue="";if(document.cookie.length>0){offset=document.cookie.indexOf(search)if(offset!=-1){offset+=search.length end=document.cookie.indexOf(";",offset);if(end==-1)end=document.cookie.length;returnvalue=unescape(document.cookie.substring(offset,end))}}return returnvalue}function close11(){if(persistclose)document.cookie="remainclosed=1"document.getElementById("iklankirikanan1").style.visibility="hidden"}if(window.addEventListener)window.addEventListener("load",staticbar,false)else if(window.attachEvent)window.attachEvent("onload",staticbar)else if(document.getElementById)window.onload=staticbar </script> <br /> <div class="clear"> </div> <div id="iklankirikanan1"> <div style="text-align: left;"> <a href="" onclick="close11(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDU3OQ4KHwUJucfWq2MiJlV0Jjv6yofLeuSKtNpM7acjDCIPHZPM9uqmAtFQ_NeelsQF9_emCJLEc_noeHtTEA5JScrL2uWLPC0Ej4erckniW0WRA9_obrKd5ExR-PTuAZQeb6gRXMfqcv/s1600/close-btn.png" /></a></div> <div onclick='close11()'> <div style="background: #fff;"> <a target="_blank" href="LINK-TUJUAN" title="√ Cara Membuat Banner Iklan Melayang di Samping Kanan dan Kiri Blog"><img style="border: none;" alt="Untuk kalian yang mempunyai tampilan blog minimalis dan ingin memasang banner iklan di sisi √ Cara Membuat Banner Iklan Melayang di Samping Kanan dan Kiri Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8mKpk76LXZPqpcAvRCEIsLMGqLWhupIvuDiFmBhHMLERkpK2eJ1ED8BFdryvXXNu4ePKquaUzOFX09uG-WqPpQC6u7fkKFhMqHkGTOTsq7jwe1z-vZX-qtPVMlzW4khObHoBZVwYaQLzW/s1600/ban-melayang.gif" title="√ Cara Membuat Banner Iklan Melayang di Samping Kanan dan Kiri Blog" width="160" height="600"/></a></div></div></div>3. Kemudian edit pada arahan yang sudah di tandai, ganti dengan Link Iklan dan Gambar Iklan milik Anda.
4. Klik Simpan.
Code by Arlina Design
Catatan:
Jika Anda ingin memakai iklan AdSense, silahkan masukkan arahan iklan AdSense dibawah kode
<div style="background: #fff;">Kemudian hapus arahan ini:
<a target="_blank" href="LINK-TUJUAN" title="√ Cara Membuat Banner Iklan Melayang di Samping Kanan dan Kiri Blog"><img style="border: none;" alt="Untuk kalian yang mempunyai tampilan blog minimalis dan ingin memasang banner iklan di sisi √ Cara Membuat Banner Iklan Melayang di Samping Kanan dan Kiri Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8mKpk76LXZPqpcAvRCEIsLMGqLWhupIvuDiFmBhHMLERkpK2eJ1ED8BFdryvXXNu4ePKquaUzOFX09uG-WqPpQC6u7fkKFhMqHkGTOTsq7jwe1z-vZX-qtPVMlzW4khObHoBZVwYaQLzW/s1600/ban-melayang.gif" title="√ Cara Membuat Banner Iklan Melayang di Samping Kanan dan Kiri Blog" width="160" height="600"/></a> Itulah artikel mengenai cara menciptakan banner iklan melayang di samping kanan dan kiri blog, semoga bermanfaat.
Sumber http://www.caramanual.com