Kotak Advertise dengan Tombol Button-
Sudah lama tak jumpa sobat. Maaf jarang postingan style. Yaudah apakah anda ingin membuat untuk memasang Iklan di blog anda?Dengan style indah pengunjung yang banyak? Oke ? Kalau begitu anda pasti pasang untuk menarik pengunjung untuk memasang iklan? Dengan banner? oh.. kali ini tidak usah repot-repot untuk dengan banner. Saya punya solusi kotak dengan kode CSS tanpa menggunakan Banner/gambar. Kotak tersebut dipasang CSS dengan tombol button seperti banner .mvp padahal tidak kan? yaudah cukup menarik untuk memakai box advertise ini. Tinggal klik tombol button yang bertulisan 300x250. Nah demonya sebagai berikut. Lihat demo di bawah ini ya:) :
Bagaimana? lumayan kan ,coba sobat klik tombolnya :) dilengkapi dengan tombol hover kok :). Jadi anda bisa menarik pelanggan untuk memasang iklan di website atau blog anda :) oke sekarang saya akan menunjukkan codenya :)
Instal Program
Oke taruh kode di bawah ini,terserah sobat mau taruh dimana.
HTML Template langsung pokoknya :).
COPY CODE DI BAWAH INI!
<style type='text/css' scoped='scoped'>
.ads {margin:0 auto;padding:0;position:relative;width:300px;height:250px;border:2px solid red;}
.ads-box {background:lime;width:100%;height:250px;margin:0;padding:0;text-align:center;transition:all .9s ease-in-out;}
.ads-box:hover {background:green;transition:all .9s ease-in-out;}
.tags1 {font:45px Oswald;text-shadow: 0 2px 1px #000;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 yellow;margin-bottom:10px;}
.tags3 {text-decoration: none;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;}
</style>
<div class='ads'>
<div class='ads-box'>
<div class='tags1'>Advertise</div><div class='tags2'><span style='color:white;'>Contact</span> Me</div><a href="http://belajar-css3.blogspot.com/" target="_blank"><div class='tags3'><h style='text-decoration: underline'>300x250</h></div></div></a>
</div>
setelah itu simpan,okey?
semoga bermanfaat bagi sobat dan tambah sukses untuk blog sobat :)
Jika ada masalah tentang code tersebut silahkan komentar.
Title : Kotak Advertise dengan Tombol Button
Description : Kotak Advertise dengan Tombol Button - Sudah lama tak jumpa sobat. Maaf jarang postingan style. Yaudah apakah anda ingin membuat untuk mem...
