Cara Membuat Banner Iklan 300x250 dengan CSS3 di Blogger

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 !!

Comments

Post a Comment

۝ Peraturan dalam berkomentar :

☛ UpsS,. Budayakan berkomentar sesudah membaca artikel sob.
☛ Dilarang Menghina, Promosi (Iklan), Menyelipkan Link Aktiv, dsb.
☛ Dilarang berkomentar berbau Porno, Spam, Sara, Politic, Profokasi.
☛ Berkomentarlah yang Sopan,Bijak, dan Sesuai Artikel (Dilarang OOT)
☛ Saya sangat berterima kasih atas semua yang mau berkomentar diblog saya.
☛ Saya PASTI akan berkunjung balik ke blog Sobat yang sudah mau berkomentar di sini.

☭ Copyright © 2014 - 2015 - Anaktimor17 Blog® by Markus Kono ✓

Popular posts from this blog

Contoh Surat Lamaran Kerja di Indomaret Terbaru 2018

Cara Melamar Kerja PT. Musashi Auto Parts Indonesia 2019

Cara Melamar Kerja di PT Astra Honda Motor Secara Online