Cara Membuat Slot Iklan dengan Menggunakan CSS

Deewidiarsana.web.id - Cara memasang slot iklan css di blogger. Nah pada tutorial kali ini saya akan memberikan tips membuat slot iklan pada blogspot. Iklan merupakan alasan seseorang untuk menjadi seorang blogger dan iklan ini juga merupakan salah satu penghasil dari blogger.

Memasang slot ads atau iklan ini sangat bermanfaat untuk pengunjung. Selain itu hal ini juga bisa kita jadikan sebagai notifikasi bahwa blog anda menerima pemasangan jasa iklan untuk para investor agar bisa memasarkan produknya melalui ads.

Nah demo ads atau demo iklan berbentuk css ini nantinya akan tampi seperti gambar yang ada pada berikut ini. Kita bisa memasang demo ads slot iklan berukuran 300x250, 300x300,300x600,728x90 dan lain-lainnya sesuai kebutuhan yang anda inginkan.

Cara memasang slot iklan CSS di blogspot

1. Tambahkan kode dibawah ini tepat diatas kode </head> atu <style>.


<b:if cond='data:blog.pageType != &quot;item&quot;'>
/* Banner Advertise just for demo */
.demo_ads{clear:both;font-size:15px;font-weight:normal;color:#fff;text-align:center;margin:0 auto;padding:0;display:block}
.ads1_header,.ads2_leader,.ads3_sidebar{width:100%;display:block;margin:auto;text-align:center;padding:0;color:#bbb;border:5px solid #f7ad55;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.ads1_header:hover,.ads2_leader:hover,.ads3_sidebar:hover{background:#f7ad55;color:#fff;border-color:#FF8100}
.ads1_header{width:100%;max-width:728px;height:90px;line-height:90px}
.ads2_leader{width:100%;height:90px;line-height:90px;}
.ads3_sidebar{height:250px;line-height:250px;}
</b:if>

2. Silahkan anda tambahkan widget javascript/html di halaman menu tata letak anda. Baik itu memasang iklan diatas postingan homepage, di bawah postingan hompage dan juga di sidebar blogspot serta di samping logo blog. Isikan kode di bawah ini pada kolom widget tersebut.

Slot iklan css untuk ukuran 728x90 di samping header atau logo blog.


<div class="demo_ads">
<div class="ads1_header">
Ads 728x90
</div></div>

Slot iklan css untuk ukuran 300x250


<div class="demo_ads">
<div class="ads3_sidebar">
Ads 300x250
</div></div>

Slot iklan css untuk ukuran 970x90


<div class="demo_ads">
<div class="ads2_leader">
Ads 970x90
</div></div>

Demikianlah bagaimana cara membuat demo ads menggunakan kode css. Kalian bisa menyesuaikan ukuran iklan dengan cara mengganti kode width dan height pada kode css. Semoga bermanfaat.