sumber: cobadibaca.com http://www.cobadibaca.com/2013/01/cara-membuat-slide-header-di-blog.html#ixzz2yT5HaYef Under Creative Commons License: Attribution

Sabtu, 08 Maret 2014

Cara Membuat atau Memasang Iklan Floating di Blog

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
Iklan Melayang atau Floating di Blog Super-Bee
Terlepas dari itu semua, dan kembali ke pokok pembahasan kita cara membuat atau memasang iklan floating di blog. Seiring dengan perkembangan blogger, kini blog juga dapat menghasilkan uang, salah satu caranya adalah memberikan space iklan kepada advertiser (pemasang iklan) yang ingin menjual atau mempromosikan produknya di blog atau website yang kita miliki. Dengan demikian, salah satu space iklan yang dapat kita berikan adalah iklan yang berjenis floating atau melayang. Namun perlu saya ingatkan kepada Anda adalah jangan terlalu tamak untuk memberi space banner yang bersifat floating. Karena jika Anda terlalu banyak menampilkan iklan floating di blog Anda, maka pengunjung juga tidak suka. Mengapa demikian? karena mereka merasa terganggu dengan iklan tersebut ketika mereka fokus membaca artikel di blog atau website anda.

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