Cara Membuat atau Memasang Iklan Floating di Blog - Mungkin sering terlihat oleh Anda di blog salah seorang blogger yang membuat iklan floating atau melayang di blog. Seperti saya juga yang pernah melihat jenis iklan melayang yang pernah di pasang di blog super-bee, salah seorang blogger yang telah sukses meraut keuntungan berupa materi dari aktifitasnya membuat blog/blogging.
Sebenarnya jenis widget floating berfungsi tidak haya untuk iklan saja,
melainkan bayak sekali fungsinya. Bagi sebagian blogger efek floating
juga sering di gunakan untuk menambah jumlah like fanspage facebook, mungkin Anda juga pernah melihatnya.
Iklan Melayang atau Floating di Blog Super-Bee |
Memasang iklan melayang atau floating di blog tidak sulit, karena kita hanya menambahkan beberapa kode script kedalam template blog. Namun pada kesempatan ini perlu saya sampaikan kepada Anda bahwa, pada tutorial ini saya hanya menjelaskan memasang iklan melayang di footer blog, untuk memasang iklan melayang di kanan dan kiri blog akan saya jelaskan pada kesempatan berikutnya.
Memasang Iklan Melayang di Blog
Langkah awal untuk membuat atau memasang iklan melayang/floating di blog adalah sebagai berikut:
1. Login ke Blogger.
2. Pilih Tata Letak.
3. Pilih Add Gadget.
4. Pilih HTML/JavaScript.
5. Kemudian Anda Letakkan kode di bawah ini ke dalam box "Konten"
<!-- Start Iklan Melayang Footer -->
<scriptsrc='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'> </script><br>
<script type='text/javascript'> $(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script>
<style type='text/css'> div#btm_banner { bottom: 0; position: fixed; width: 100%; opacity: 0.9; left: 0; } div#btm_banner img{ border:0; cursor:pointer; } </style> <div style='height: 0px;'></div> <div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'> <div style='text-align: right; width: 735px; height: 3px;'> <img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsosdtTivpZtiVLgvzPnUW_tQuIppXYn9OQu1ax3E4BoFJ8sclHjvIAOddl1GoLRwfvMoA84kIvWYXQP1vCZUD9WbWhJFfIYXvTMrARuU_D9w5gdRoFmF-WZnWkCi4rOIMsKXvvkxN9mQ/s1600/close-icon.png'/></div> <div style='clear: both;'></div> <p> <p><center> Kode Iklan Anda Disini </center></p> </p> </div>
<!-- End Iklan Melayang Footer -->
6. Pada judul widget, hiraukan saja/tidak usah diberi judul, kemudian save dan lihat hasilnya
Demikian yang dapat saya jelaskan mengenai cara membuat atau memasang iklan floating di blog, semoga bermanfaat. Pastikan Anda terus mengunjungi super blog pedia untuk mendapatkan tutorial blogger terbaru yang akan di posting pada kesempatan berikutnya. Jika Anda tidak ingin ketinggalan artikel yang akan saya posting pada kesempatan berikutnya silahkan berlangganan artikel via email yang ada di kotak berlangganan di bawah ini
0 komentar:
Posting Komentar