cara memasang widget iklan 4 kolom di blog

Oleh Mashudi

Wednesday, 6 August 2014

Assalamualaikum Sobat Onnetzblog
Bingung lagi memikirkan bagaimana kalo blog itu tidak cuma blogging. namun bisa menghasilkan uang. bingung kalo iklan PPC Adsense tidak kunjung diterima. sebelumnya anda mungkin harus baca beberapa tips dan trik untuk daftar google adsense. Namun bagi anda yang sudah mulai menyerah untuk program adsese Onnetzblog menyarankan agar tidak menyerah dan putus asa. karena putus asa ialah sifat yang ditumbuhkan oleh syetan. mau jadi kawannya setan?.

Lalu Apa solusinya Bang Onnetz?

Tenang. anda tidak perlu putus asa hanya karena malasah google adsense yang tak kunjung diterima. masih banyak cara untuk menghasilkan uang lewat internet. dari cara daftar lewat PPC lainnya, Dropshipper, Amazone ataupun Pasang iklan sendiri di blog atau website.
oh ya. pasan giklan sendiri di blog mungkin yang harus anda coba. makanya disini onnetz blog akan memberikan bagaimana cara memasang widget iklan 4 kolom di blog. Kapan lagi?

Memang. teknisnya bagaimana bang?

begini nih teknisnya. anda pasang kolom iklan di blog. atau menyediakan. dan baru nanti para pengunjung yang berminat pasang iklan di blog anda akan menghubungi anda untuk pasang iklan di blog yang anda miliki.
Tentu ini salah satu solusi untuk menghindar dan pergi serta memanfaatkan diri dari pada sekedar Putus asa, diam dan tak melakukan apa-apa. Dari cara ini anda bisa menentukan tarif pemasangan iklan terserah dari anda dan perlu disesuaikan dengan popularitas serta rank anda dalam pencarian mesing pencari terhadap blog anda.
sekarang kapan anda akan memulainya untuk memasang iklan di blog sendiri. ayo silahkan dicoba.

Bagaimana cara memasang widget iklan 4 kolom di blog ?

Caranya amatlah mudah. kita akan belajar sedikit tentang memasang CSS dan HTML di Blogger. maka dari itu silahkan pantengin terus jika anda mau memasang widget iklan di blog.
langkah-langkah cara memasang iklan di blog :

1. Langkah yang paling utama ialah anda harus membuka aknun blog anda. dan kemudian buka blog yang anda akan kelola.
2. silahkan buka tab tata letak
3. Tambah widget > Html
4. Copy dan pastekan kode berikut dalam tambah widget html tersebut.

<style type="text/css">
div#banner a { text-decoration:none; color:#fff; text-align:center;}
div#banner { width:260px; margin:0 auto; }
#banner .iklan { display:block; width:125px; height:125px; border:2px solid #52e052; float:left; position:relative; }
#banner .iklan img{ display:block; width:125px; height:125px;}
#banner .iklan .caption { position:absolute; top:90px; left:2px; padding:3px; font:bold 10px arial; width:115px; display:none; background:#000; }
.clear { clear:both; }
.effect { box-shadow: 0 0 10px #52e052; }
</style>
<script type="text/javascript" src="http://faceblog-evolutions.googlecode.com/files/jquery-spotlight.js"></script>
<script type="text/javascript"> $(document).ready(function () { $('#banner .iklan').each(function () { title = $(this).attr('title'); $(this).append('<span class="caption">' + title + '</span>'); $(this).attr('title',''); }); $('#banner .iklan').hover( function () { $(this).siblings().css({'opacity': '0.1'}); $(this).css({'opacity': '1.0'}).addClass('effect'); $(this).children('.caption').show(); }, function () { $(this).children('.caption').hide(); } ); $('#banner').mouseleave(function () { $(this).children().fadeTo('100', '1.0').removeClass('effect'); }); }); </script>

<div id="banner">
<a class="iklan" href="http://onnetz.blogspot.com/p/blog-page.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOb3w5h9UK-7ML3MDqafvc_fsgPuxjQu2utlsAp7qEYK0to6rlB4g1Dnv7uX8gfwR-4YDxWQulSNj0bVcMZp2Kz0w7iKH2uDMv6oTBGwGZJj8oqiatHpFRCN9JZ-MODadfXnFYRVNRgAo/s207-p-no/" alt="banner iklan"/></a>
<a class="iklan" href="http://onnetz.blogspot.com/p/blog-page.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOb3w5h9UK-7ML3MDqafvc_fsgPuxjQu2utlsAp7qEYK0to6rlB4g1Dnv7uX8gfwR-4YDxWQulSNj0bVcMZp2Kz0w7iKH2uDMv6oTBGwGZJj8oqiatHpFRCN9JZ-MODadfXnFYRVNRgAo/s207-p-no/" alt="banner iklan"/></a>
<a class="iklan" href="http://onnetz.blogspot.com/p/blog-page.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOb3w5h9UK-7ML3MDqafvc_fsgPuxjQu2utlsAp7qEYK0to6rlB4g1Dnv7uX8gfwR-4YDxWQulSNj0bVcMZp2Kz0w7iKH2uDMv6oTBGwGZJj8oqiatHpFRCN9JZ-MODadfXnFYRVNRgAo/s207-p-no/" alt="banner iklan"/></a>
<a class="iklan" href="http://onnetz.blogspot.com/p/blog-page.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOb3w5h9UK-7ML3MDqafvc_fsgPuxjQu2utlsAp7qEYK0to6rlB4g1Dnv7uX8gfwR-4YDxWQulSNj0bVcMZp2Kz0w7iKH2uDMv6oTBGwGZJj8oqiatHpFRCN9JZ-MODadfXnFYRVNRgAo/s207-p-no/" alt="banner iklan"/></a>
</div>
<div class="clear"></div>

5. Simpan dan selesai.

Pengaturan/Setting dalam memasang iklan di blog.

Silahkan anda lakukan beberapa Settingan disini :

1. Ganti alamat url yang di Bold atau ditebalkan tulisanny dengan alamat kontak sobat.
hal ini dilakukan agar jika para pengunjung yang ingin memasang iklan di blog anda hanya akan mengklik banner dan akan langsung dibawa ke halaman kontak anda.

Ada Pertanyaan tentang bagaimana cara memasang widget iklan 4 kolom di blog ?

bagi anda yang ingin bertanya tentang hal ini. silahkan anda berkomentar dibawah. atau menghubungi akun saya. insya Allah kita akan berbagi bersama.
happy blogging kawan.

#berbagiituindah

Please Share it! :)

Terima Kasih Atas Kunjungan Anda
DITULIS OLEH Mashudi
Jika mengutip harap berikan link yang menuju ke artikel cara memasang widget iklan 4 kolom di blog ini. Jika artikel ini bermanfaat, ajak kawan mu untuk ambil manfaatnya. Terima kasih atas perhatiannya, baca juga yang lainnya yah.

Tag : Tips dan tricks Blogger