F Cara Memasang Kotak Iklan Di blog

Cara Memasang Kotak Iklan Di blog

Cara Memasang Kotak Iklan Di blog, selamat malam semuanya ketemu lagi sama saya abizar design kali ini saya akan membuat tutorial Cara Memasang Kotak Iklan Di blog, seperti biasa nya para blogger membuat blog untuk dapat mendaftar google adsense dan memasang iklan di dalam blognya yang bertujuan untuk mendapat penghasilan hehe, selain itu terkadang ada juga yang memasang iklan di blog nya bukan iklan adsense alias iklan orang lain yang membayar kepada kita untuk memasangnya di blog atou istilah lain mempromosi web atou lainnya di blog kita, oke gan lanjut saja tutorialnya pada kali ini saya membuat dua Cara Memasang Kotak Iklan Di blog.

Cara pertama Memasang Kotak Iklan Di blog
1. login ke blogger,
2. template => edit template,
3. kemudian pasang kode di bawah ini di atas kode ]]></b:skin> atau </style>

/* Kotak Iklan */
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.kotak_iklan  img:hover {border:1px solid #aaa}
.kotak_iklan  img.noborder {border:0;}

4. simpan tempalte,
5. kemudian buka tata letak, tambah widget HTML/Javascript (dimana anda ingin menampilkan kotak iklan tersebut),
6. masukkan kode dibawah ini di dalam widget tersebut,

<div class="kotak_iklan">
<a href="https://www.blogger.com/url%20iklan%20yang%20dituju" title="judul iklan"><img alt="alt gambar" class="noborder" height="125" src="Url gambar" width="125" /></a>
<a href="https://www.blogger.com/url%20iklan%20yang%20dituju" title="judul iklan"><img alt="alt gambar" class="noborder" height="125" src="Url gambar" width="125" /></a>
<a href="https://www.blogger.com/url%20iklan%20yang%20dituju" title="judul iklan"><img alt="alt gambar" class="noborder" height="125" src="Url gambar" width="125" /></a> 
<a href="https://www.blogger.com/url%20iklan%20yang%20dituju" title="judul iklan"><img alt="alt gambar" class="noborder" height="125" src="Url gambar" width="125" /></a> 
</div>

7. simpan setelan, dan lihat hasilnya,

Cara kedua Memasang Kotak Iklan Di blog
1. login blogger,
2. buka tata letak =>tambahkan widget HTML/Javascript,
3. masukkan kode di bawah ini di dalam widget tersebut,

<style>
   img {
    margin: 0px 0px 4px 6px;
    padding: 6px;
    text-align: center;
    background: #eee;
    border: 1px solid #ddd;
    transition: all 0.5s ease 0s;
}
</style>
<a href="https://www.blogger.com/url%20iklan%20yang%20dituju" target="black" title="Pasang Iklan"><img alt="Pasang Iklan" src="https://2.bp.blogspot.com/-P6T1tHWcUuU/V8Fr6-OfPGI/AAAAAAAAEhA/fa4H8eEE6Ls2WXN3Xagq0dXjmQEO90RugCLcB/s1600/AdsHere125x125.png" /></a>
<a href="https://www.blogger.com/url%20iklan%20yang%20dituju" target="black" title="Pasang Iklan"><img alt="Pasang Iklan" src="https://2.bp.blogspot.com/-P6T1tHWcUuU/V8Fr6-OfPGI/AAAAAAAAEhA/fa4H8eEE6Ls2WXN3Xagq0dXjmQEO90RugCLcB/s1600/AdsHere125x125.png" /></a>
<a href="https://www.blogger.com/url%20iklan%20yang%20dituju" target="black" title="Pasang Iklan"><img alt="Pasang Iklan" src="https://2.bp.blogspot.com/-P6T1tHWcUuU/V8Fr6-OfPGI/AAAAAAAAEhA/fa4H8eEE6Ls2WXN3Xagq0dXjmQEO90RugCLcB/s1600/AdsHere125x125.png" /></a>
<a href="https://www.blogger.com/url%20iklan%20yang%20dituju" target="black" title="Pasang Iklan"><img alt="Pasang Iklan" src="https://2.bp.blogspot.com/-P6T1tHWcUuU/V8Fr6-OfPGI/AAAAAAAAEhA/fa4H8eEE6Ls2WXN3Xagq0dXjmQEO90RugCLcB/s1600/AdsHere125x125.png" /></a>
4. simpan setelan dan lihat hasilnya.

NOT: ganti URL GAMBAR dengan url iklan yang mau di tuju.

sekian dari saya Cara Memasang Kotak Iklan Di blog semoga bermanfaat!

Share this :

Newest Post
Disqus Comments