Print Friendly Version of this page Print this Article Print Friendly Version of this page


Halo Sobat, kali ini saya akan membagikan tutorial "Cara Membuat Iklan Gambar ala Google AdSense" atau bisa di sebut juga "Cara Membuat Iklan Banner ala Google AdSense". (Lihat juga : "Cara Membuat Iklan Teks ala AdSense")
Sebenarnya ini hanya manipulasi CSS dan sedikit bumbu jQuery saja. Tanpa basa basi lagi, mari kita simak tutorialnya di bawah ini...
1. Masuk ke Blogger.
2. Pilih Template -> Edit HTML.
3. Simpan kode CSS di bawah ini di atas ]]></b:skin> atau simpan di dalam tag <style> </style>.
#iklan-gambar {
  width:300px;
  height:250px;
  position:relative;
  overflow:hidden;
  margin:0 auto;
}
.icon-gambar {
  width:15px;
  height:15px;
  position:absolute;
  top:0;
  right:0;
  cursor:pointer;
}
.info-gambar {
  background:#d3d3d3;
  width:100px;
  height:15px;
  border-bottom-left-radius:4px;
  position:absolute;
  top:0;
  right:0;
  color:#000;
  font:normal 11px Arial,Sans-Serif;
  text-align:left;
  overflow:hidden;
  padding-right:19px;
  padding-left:5px;
  display:none;
}

4. Simpan kode di bawah ini pada widget HTML/JavaScript.
<div id="iklan-gambar">
<script type="text/javascript">
var jumlah = 3;
var tanggal = new Date()
var waktu = tanggal.getSeconds()
var iklan_gambar = waktu % jumlah;
iklan_gambar += 1;
if (iklan_gambar == 1) {
    url = "http://www.downloadgw.com";
    alt = "DGW";
    title = "Ngapain Bayar? Kalau Bisa Download Gratis!";
    gambar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqt5CW1rkZXmDM2AJQg3OOBNZ-Z4Vc8PzbW5q_2CUmmZzpKWZJIicGXvI1Rr80Y6YrH4acS-a6hLuI-vvOX1r_xJOQh90n6oxw30hU2MX-3KpU7-8bkakSkkIsmkoK_-Z7U2OUnqyynJw/s1600/DGWAds300x250.gif";
}
if (iklan_gambar == 2) {
    url = "http://www.gamesgw.com";
    alt = "GGW";
    title = "Free Play Games Online | Pusat Permainan Online Gratis";
    gambar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCTJVTAfrQ9LKatpdoFRvPyCTo2OGQ2xmYLlZw7r7RUpYi2NHfGfnRghDt8goPIuKgCYKyEEUj0sM97EXpFoqnKevd5UoHM_KSkqZEuXZAqISAFK6iM4_T-Pptjbqy7aXJC8bw9T8dxLoL/s1600/GGWAds.gif";
}
if (iklan_gambar == 3) {
    url = "https://shorte.st/ref/1c64cecc05";
    alt = "Shorte";
    title = "Earn Money, Please Click Here!";
    gambar = "https://static.shorte.st/bundles/smeuser/img/referral_banners/300x250.png";
}
document.write('<a href=\"' + url + '\" target=\"_blank\" rel=\"nofollow\">');
document.write('<img src=\"' + gambar + '\" height="250" width="300"');
document.write('title=\"' + title + '\" alt=\"' + alt + '\"></a>');
$(document).ready(function() {
    $('.icon-gambar').hover(function() {
        $('.info-gambar').toggle();
    });
});
</script>
<!-- info -->
<span class="info-gambar">Iklan oleh Mahogra Fauzan</span>
<span class="icon-gambar"><a href="http://linkgw.tk/gambar" target="_blank"><img alt="info" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrHerdtsWWpcghb2c_leCtfuvS7u1DBH1uECS5BVYALPFLaGma3-eRl0WsdwRcG_Ep3hiGBGwNHjfCoAgel3FSo8EShDb1dQ5a0VZ5sD6EENO3AmahyuO7ztCvBy4Hv1iVguObU7ZDAOM/s1600/info-iklan.png"/></a></span>
</div>

Keterangan :

url : Silahkan ganti dengan url tujuan iklan.
alt : Silahkan tulis keterangan gambar.
title : Silahkan tulis judul gambar.
gambar : Silahkan ganti dengan url gambar.
300 (width) : Lebar gambar, ubah sesuai selera.
250 (height) : Tinggi gambar, ubah sesuai selera.




Jika Anda menyukai Artikel di blog ini. Silahkan klik disini atau masukkan email anda pada kolom di bawah untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Mahogra Fauzan.

reader



Anda baru saja membaca artikel "Cara Membuat Iklan Gambar ala AdSense". Bagi sobat yang mau copas harap Cantumkan http://mahografauzan.blogspot.com/2014/06/cara-membuat-iklan-gambar-ala-adsense.html sebagai Sumbernya, karena sebagai blogger yang baik tentu anda mengerti tata aturannya!
Hak Cipta di lindungi oleh Google, Copyscape, dan DMCA. Bagi siapapun yang copy paste tanpa mencantumkan SUMBERnya, akan saya laporkan ke DMCA Takedown.

Sekian Cara Membuat Iklan Gambar ala AdSense dari http://mahografauzan.blogspot.com
Semoga Bermanfaat bagi anda dan jangan lupa untuk meninggalkan jejak berupa komentar ✉.
Terima Kasih ^_^

Post a Comment Blogger Disqus

 
Top