Cara Membuat Banner Iklan Mirip Google Adsense Text

Hallo saudaraku, apa kabar nih? semoga baik yah. pada kesempatan kali ini admin akan berbagi kepada kalian semua, khususnya untuk anda sekalian yang berjuang sebagai blogger. kabar baik apa yah min? hehe, kabar baik yang akan admin berikan kepada kalian semua adalah tentang google adsense. wah google adsense lagi yah? ya tapi google adsense pada kesempatan kali ini adalah tentang banner keren mirip google adsense.

yap yang akan admin bagikan pada kesempatan kali ini adalah banner iklan blog, tapi banner yang akan amdin bagikan adalah bukan seperti banner iklan seperti biasanya. tapi banner iklan yang akan admin bagikan di sini adalah benner iklan text seperti google adsense pada umumnya.

kalian pasti sering melihat iklan google adsense berbentuk iklan text kan. yap kurang lebih seperti itulah banner yang akan admin bagikan pada kesempatan kali ini. dan yang akan admin bagikan adalah code script nya. oke bagi kalian yang sudah mulai penasaran seperti apa sih bentuk script nya, oke mari kita simak bersama code script banner iklan text mirip iklan google adsense.

Banner iklan text ukuran 728x90

<style type='text/css' scoped='scoped'>
.leoads-box {background:#fff;width:726px;height:88px;margin:0 auto;padding:0;text-align:center;position:relative;border:1px solid #ddd}
.leoads1 {font:22px Roboto;color:#365DF6;padding:10px 10px 5px 10px;text-align:left;max-width:70%;}
.leoads2 {font:12px Arial;color:#317107;padding:0;margin:0 0 0 10px;text-align:left;display:block}
.leoads2:hover {text-decoration:underline}
.leoads4 {float:right;background:#365DF6;padding:18px 40px 12px 40px;border-radius:4px;text-align:center;margin:-67px 50px 0 0;display:block;position:relative;}
.leoads4:hover {background:#5C7BF8;text-decoration:none}
</style>
<div class='leoads-box'>
<div class='leoads1'>Mau belajar tutorial dan dapatkan template gratis yang keren?</div>
<a href="http://themes.ladiesmail.us/" target="_blank"><div class='leoads2'>leotemplates.us</div></a>
<a href="http://themes.ladiesmail.us/" target="_blank"><div class='leoads4'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFJ2spbN2f5rDjdSMoeHs8_rVBapU_mUhO7kziR94xsV72JtvAcRedqLUtJ3SVjN4xgEIqKfL05JYj2qfMNyBunIDKsYkgH__54hkmraIaMWyJXXN-SA5DuH_HNWyCwxUL2IINN_uszTM/s1600/icon_chevron_white.png"/></div></a></div>

 Banner iklan text ukuran 300x250

<style type='text/css' scoped='scoped'>
.leoads-box {background:#fff;width:726px;height:88px;margin:0 auto;padding:0;text-align:center;position:relative;border:1px solid #ddd}
.leoads1 {font:22px Roboto;color:#365DF6;padding:10px 10px 5px 10px;text-align:left;max-width:70%;}
.leoads2 {font:12px Arial;color:#317107;padding:0;margin:0 0 0 10px;text-align:left;display:block}
.leoads2:hover {text-decoration:underline}
.leoads4 {float:right;background:#365DF6;padding:18px 40px 12px 40px;border-radius:4px;text-align:center;margin:-67px 50px 0 0;display:block;position:relative;}
.leoads4:hover {background:#5C7BF8;text-decoration:none}
</style>
<div class='leoads-box'>
<div class='leoads1'>Mau belajar tutorial dan dapatkan template gratis yang keren?</div>
<a href="http://themes.ladiesmail.us/" target="_blank"><div class='leoads2'>leotemplates.us</div></a>
<a href="http://themes.ladiesmail.us/" target="_blank"><div class='leoads4'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFJ2spbN2f5rDjdSMoeHs8_rVBapU_mUhO7kziR94xsV72JtvAcRedqLUtJ3SVjN4xgEIqKfL05JYj2qfMNyBunIDKsYkgH__54hkmraIaMWyJXXN-SA5DuH_HNWyCwxUL2IINN_uszTM/s1600/icon_chevron_white.png"/></div></a></div>
</div>
</div></div>

oke gimana teman? silahkan kalian edit sendiri kalimat pada banner iklan text ini sesuai dengan keinginan anda sekalian. tempatkan kode script tersebut di tempat atau layout yang anda inginkan, cara pemasangannya sama dengan cara memasang iklan pada umumnya. oke kayaknya prakata admin sudah banyak nih, tandanya artikel ini hampir selesai, terima kasih, baca juga artikel bermanfaat lainya.