Buat Wadah Iklan 4 Banner 125x125

Wadah iklan banner 125x125 banyak sekali fungsinya dan kelebihannya bagi kalian yang mendesain blog untuk mencari receh dari internet. Tampilan yang biasa di gunakan seperti ini :



Cara Membuat Wadah Iklan Banner 125x125 :

1. Masukan Kode CSS berikut, Tepatnya diatas ]]></b:skin>


#ilhamads {margin:0px;padding:0px;text-align:center}
#ilhamads  img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#ilhamaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

Save, dan kemudian.....

2. Masukan Pada add Gatged >> HTML/JavaScript kode dibawah ini :


<div id="ilhamads">
<a href="http://blog anda.blogspot.com/2012/06/contact-me.html" target="_blank" title=" TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfDF-CD2rw1iGcSzWV2v3jDLyDvVaI2fLPJx6NyeiBfm3vbp5pxQaX8UJow-0ACDS9zHdhLoGkB03Z9dG3gQ5erY0JxsDjgn8J3yPWOX8SB_cceVHyClyMU45OWGVNJQYCyxRRIG7diQv/s128/95%20Ads.jpg" /></a>
<a href="http://nama blog anda.blogspot.com/2012/06/contact-me.html" target="_blank" title=" TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfDF-CD2rw1iGcSzWV2v3jDLyDvVaI2fLPJx6NyeiBfm3vbp5pxQaX8UJow-0ACDS9zHdhLoGkB03Z9dG3gQ5erY0JxsDjgn8J3yPWOX8SB_cceVHyClyMU45OWGVNJQYCyxRRIG7diQv/s128/95%20Ads.jpg" /></a>
<a href="http://nama blog anda.blogspot.com/2012/06/contact-me.html" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfDF-CD2rw1iGcSzWV2v3jDLyDvVaI2fLPJx6NyeiBfm3vbp5pxQaX8UJow-0ACDS9zHdhLoGkB03Z9dG3gQ5erY0JxsDjgn8J3yPWOX8SB_cceVHyClyMU45OWGVNJQYCyxRRIG7diQv/s128/95%20Ads.jpg" /></a>
<a href="http://nama blog anda.blogspot.com/2012/06/contact-me.html" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfDF-CD2rw1iGcSzWV2v3jDLyDvVaI2fLPJx6NyeiBfm3vbp5pxQaX8UJow-0ACDS9zHdhLoGkB03Z9dG3gQ5erY0JxsDjgn8J3yPWOX8SB_cceVHyClyMU45OWGVNJQYCyxRRIG7diQv/s128/95%20Ads.jpg" /></a>
</div>

Keterangan:


  • Kode warna merah adalah Link untuk gambar. bisa kamu ganti jika kurang bagus menurut kamu.
  • Kode yang berwarna biru adalah Link gambar. Kemmana nantinya gambar tersebut akan tertuju saat ada yang mengklik. Jika kamu belum punya iklan sebaiknya Arahkan pada link dimana seorang bisa menghubungi kamu.
  • Kode diatas hanya untuk menampilkan 4 banner 125x125. Jika 4 gambar kamu rasa kurang, bisa tambahkan sendiri scripnya. Yaitu, dengan menambahkan script berikut diatas kode </div>

<a href="http:/nama blog anda/.blogspot.com/2012/06/contact-me.html" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfDF-CD2rw1iGcSzWV2v3jDLyDvVaI2fLPJx6NyeiBfm3vbp5pxQaX8UJow-0ACDS9zHdhLoGkB03Z9dG3gQ5erY0JxsDjgn8J3yPWOX8SB_cceVHyClyMU45OWGVNJQYCyxRRIG7diQv/s128/95%20Ads.jpg" /></a>

Script diatas menyediakan 1 ruang gambar, sebaiknya tambahkan dengan dengan jumlah genap agar tampilan lebih rapi.
Share artikel ke: Facebook Google+ Twitter Digg

0 komentar:

Posting Komentar