Membuat Banner Iklan 300x250 dengan CSS3

TutorNesia ~ Sebenarnya cara membuat Banner Iklan 300x250 dengan CSS3 telah banyak dibagikan oleh sahabat blogger, ini hanyalah sebuah tutorial sederhana. Jika menggunakan CSS sudah dapat dipastikan sama sekali tidak ada pengaruh terhadap loading blog.

Selain mempercantik blog, juga bisa membuat Advertise tahu bahwa blog kita menyediakan fasilitas slot iklan yang mereka inginkan agar dapat membantu melancarkan usaha mereka sebagai jasa online, untuk demo silahkan lihat di sidebar blog ini, bagaimana? tertarik untuk memasang di blog Anda?

Cara pasang juga sangat mudah, Anda tinggal masuk lewat Tata Letak >> Tambah Gadget >> HTML/Javascript, setelah itu masukan HTML bawah ini.

<style type='text/css' scoped='scoped'>
.ads {margin:0 auto;padding:0;position:relative;width:100%}
.ads-box {background:#21514F;width:100%;height:250px;margin:0;padding:0;text-align:center;transition:all .9s ease-in-out;}
.ads-box:hover {background:#000;transition:all .9s ease-in-out;}
.tags1 {font:45px Oswald;text-shadow: 0 2px 1px #eee;color:#f6f6f6;padding:40px 0 0;}
.tags2 {font:16px Oswald;color:#fff;text-transform:uppercase;font-weight:bold;padding:7px 0;text-shadow: 0 2px 1px #3e5319;margin-bottom:10px;}
.tags3 {background:linear-gradient(180deg,#fff ,#ddd 50%,#bbb);color:#6F9FA3;text-transform:uppercase;font-size:22px;padding:12px 0;text-shadow:0 2px 1px #eee;border-radius:4px;max-width:75%;box-shadow: 0 2px 3px #333;font-weight:bold;letter-spacing:2px;text-align:center;margin:0 auto;display:block}
</style>
<div class='ads'>
<div class='ads-box'>
<div class='tags1'>Advertise</div><a href=" http://melsadinata.blogspot.com/p/blog-page_9.html" target="_blank"><div class='tags2'><span style='color:#D8B4D5;'>Contact</span> Me</div></a><div class='tags3'>300x250</div></div>
</div>

Setelah selesai, silahkan menuju Edit HTML dan cari kode ini, jika sudah ketemu langsung dihapus, <b:include name='quickedit'/> karena kode ini akan menciptakan beberapa error pada validator. Dan jangan lupa mengubah URL ini http://melsadinata.blogspot.com/p/blog-page_9.html dengan URL iklan Anda.