Selamat pagi, kali ini saya share kepada Anda
Membuat Banner Iklan 300x250 dengan CSS3. Nah kali ini saya bagikan tips dari blog "AnakTIMOR-17" yang sudah dimodifikasi menggunakan CSS3. Cara pasang-nya juga gampang tinggal di taruh pada laman gadget baru.
Langkah pemasangan widget banner iklan 300x250 sebagai berikut :
- Anda buka menu Tatak Letak -> HTML/JavaScript.
- Copy kode JavaScript di bawah ini dan taruh di kolom gadget html/javascript tersebut.
<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://the-warasi.blogspot.com" target="_blank"><div class='tags2'><span style='color:#D8B4D5;'>Contact</span> Me</div></a><div class='tags3'>300x250</div></div>
</div>
Ubah URL dengan link blog/website Anda, dan saran saya agar blog/website valid HTML5, Anda buka
Edit Template lalu cari kode
<b:include name:'quickedit'/> lalu hapus kode tersebut.
Selamat mencoba, semoga berhasil...
Blogger
Google+
Facebook
Twitter