Cara Membuat Banner Iklan 300x250 dengan CSS3 di Blogger


Cara Membuat Banner Iklan 300x250 dengan CSS3 di Blogger
Sobat bloggers, kali ini akan saya share tips blogger tentang cara buat banner iklan di blog. Nah kali ini saya bagikan tips dari blog" Tutornesia" yang sudah di modifikasi menggunakan Css3. Cara pasang-nya juga gampang tinggal di taruh pada laman gadget baru.

Langkah pemasang widget banner iklan 300X250 sebagai berikut:
  •  Anda buka menu Tata Letak>>HTML/JavaScript. 
  • Copy code javascript di bawah ini dan tarus 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://anaktimor-17.blogspot.com/p/blog-page_1643.html" 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 Anda
  • Agar template blog Anda valid HTML5 , Anda buka edit template lalu cari kode ini <b:include name='quickedit'/>  lalu hapus kode tersebut.
  • selamat mencoba, semoga berhasil!!

 Sumber: http://tutornesia.blogspot.com/2014/04/24.Membuat-Banner-Iklan-300x250-dengan-CSS3.html

sekian artikel Cara Membuat Banner Iklan 300x250 dengan CSS3 di Blogger , semoga bermamfaat !!
Dilarang Copy-Paste artikel di blog ini dan apabila kami menemukan artikel dicuri tanpa mencantumkan sumber link blog Amplopcokelat.com maka tak segan akan kami laporkan !

Berlangganan artikel Gratis langsung via email...

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar