Membuat Iklan Gambar seperti Google Adsense
Sekarang kita akan membahas Membuat Iklan Gambar seperti Google Adsense atau "Iklan Gambar Google Adsense". Tutorial ini saya bagikan karena ada salah seorang teman saya yang meminta untuk dibuatkan Iklan Gambar seperti Google Adsense. Oleh karena itu pada postingan kali ini saya akan membagikan tutorial tersebut. Siapa yang belum mengenal GA atau Google Adsense ? saya rasa semua sobat bloggersudah mengenalnya. Sekedar mengingatkan kembali tentang pengertian dari Google Adsense.Apa itu Google Adsense ?
AdSense adalah program kerjasama periklanan melalui media Internet yang diselenggarakan oleh Google. Melalui program periklanan AdSense, pemilik situs web atau blog yang telah mendaftar dan disetujui keanggotaannya diperbolehkan memasang unit iklan yang bentuk dan materinya telah ditentukan oleh Google di halaman web mereka. Pemilik situs web atau blog akan mendapatkan pemasukan berupa pembagian keuntungan dari Google untuk setiap iklan yang diklik oleh pengunjung situs, yang dikenal sebagai sistem pay per click (ppc) atau bayar per klik.Selain menyediakan iklan-iklan dengan sistem bayar per klik, Google AdSense juga menyediakan AdSense untuk pencarian (AdSense for Search) dan iklan arahan (Referral). Pada AdSense untuk pencarian, pemilik situs web dapat memasang kotak pencarian Google di halaman web mereka. Pemilik situs akan mendapatkan pemasukan dari Google untuk setiap pencarian yang dilakukan pengunjung melalui kotak pencarian tersebut, yang berlanjut dengan klik pada iklan yang disertakan pada hasil pencarian. Pada iklan arahan, pemilik situs akan menerima pemasukan setelah klik pada iklan berlanjut dengan tindakan tertentu oleh pengunjung yang telah disepakati antara Googledengan pemasang iklan tersebut.
(http://id.wikipedia.org/wiki/AdSense)
Cara Membuat Iklan Gambar seperti Google Adsense
- Buka akun
Blogger
sobat - Pilih
Template
--Edit HTML
- Tambahkan kode berikut tepat di atas
]]></b:skin>
atau</style>
- Setelah itu
Simpan Template
- Untuk memunculkan Iklan tersebut gunakan kode berikut
.iklanads{position:relative;width:300px;height:250px;margin:0 auto;overflow: hidden;}
.infoads{position: absolute;top: 0;right: 0;background:#D3D3D3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgf_uFCaHhBIbPbBKcTXWrA2DnIZ8Z09ws4T7Sxt0b_jTXRJXMav69BE1gs3QQy3frSpeEd79ZQfxwA9foFcXWGFXjEJ2pJKIZFqobXANMGS74lKgPrWwi2E5tMv4o0Vy0wVm2XQlOH1o/s320/googleads.png) no-repeat center;color: #fff;width:17px;height:17px;cursor: pointer;}
.infoads:hover p{display:block;transform-origin: 100% 0%;animation: fadeIn 0.3s ease-in-out;}
.infoads p{display: none;background-color: #D3D3D3;padding: 2px 6px;position: absolute;top: -11px;right:15px;width:122px;border-radius: 0 0 0 9px;color: #000;font-size: 11px;}
<div class="iklanads">
<a href="http://eliyanto-sarage.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimSCKRxgb3G4KobmhXoBNvNHP0HcuJvbIPSGRyN4GdqcCSs4yNM5tN7awHgqPT4EABjGmeCe-7PjxSKpAHjRAtorSzTOkwhnnNUPLQ8gnVnp9aqM8xB6RIJSWVQeDEvvpypkagU3qDltQ/s1600/300x250.gif" alt="Pasang Iklan" title="Pasang Iklan"/></a>
<div class="infoads">
<a href="#" target="_blank" title="Iklan oleh Adeva Alviena"><p>Iklan oleh Adeva Alviena</p></a>
</div>
</div>
HTML
). Untuk https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimSCKRxgb3G4KobmhXoBNvNHP0HcuJvbIPSGRyN4GdqcCSs4yNM5tN7awHgqPT4EABjGmeCe-7PjxSKpAHjRAtorSzTOkwhnnNUPLQ8gnVnp9aqM8xB6RIJSWVQeDEvvpypkagU3qDltQ/s1600/300x250.gif
dapat sobat ganti dengan source gambar iklan sobat. Untuk yang lainnya saya rasa sobat dapat menggantinya sendiri.Klik RESULT Untuk Melihat Contohnya
Tidak lama - lama saya membuat kata - kata yang saya rasa sudah cukup untuk membuat artikel tentang Membuat Iklan Gambar seperti Google Adsense. Dan semoga artikel ini membantu sobat dalam memecahkan masalah yang sobat alami. Sekian dan terima kasih karena telah meluangkan waktu sobat untuk membaca artikel tentang Membuat Iklan Gambar seperti Google Adsense.
Post a Comment