Buat para blogger mengikuti program adsense dari google merupakan suatu hal yang wajib untuk diikuti karena dengan program ini anda bisa menghasilkan uang dari blog anda. Pada kesempatan kali ini saya akan membahas salah satu trik untuk meningkatkan pendapatan uang anda dari google adsense. Tertarik....??? silakan disimak ulasannya.
Tentu anda sudah kenal dengan bumblebee salah satu jagoan transformer yang bisa berubah menjadi mobil sport camaro dengan warna kuningnya yang menawan. Widget blog yang saya olah kali ini akan menggunakan karakter bumblebee untuk memikat pengunjung di blog anda dengan sedikit sentuhan jquery untuk memfokuskan iklan yang ditampilkan. Gimana kerenkan...simak terus tutorialnya biar tambah oke blognya sekalian jika berkenan saya numpang backlink-nya ya..... :-)
Kita lanjutkan tutorialnya....
Penempatan Kode Pada Template Blog
Login ke blog anda kemudian klik tab design setelah itu klik page element.
Klik Edit HTML kemudian centang Expand Widget Templates.
Cari kode </Head> (dibrowser gunakan Ctrl+F untuk membuka kotak pencarian).
<script type='text/javascript'>
$(document).ready(function() {
$('a[name=mod]').click(function(e) {
e.preventDefault();
var id = $(this).attr('href');
var bgHeight = document.documentElement.clientHeight;
var bgWidth = document.documentElement.clientWidth;
$('#transBG').css({'width':bgWidth,'height':bgHeight});
$('#transBG').fadeIn("fast");
var winH = document.documentElement.clientHeight;
var winW = document.documentElement.clientWidth;
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
$(id).slideDown();
});
$('#close').click(function (e) {
e.preventDefault();
$('#transBG, #popup').fadeOut("slow");
});
$('#transBG').click(function () {
$(this).fadeOut("slow");
$('#popup').slideUp();
});
});
</script>
Cari kode <Body>kemudian masukan kode berikut ini dibawah kode tersebut.
The Code...
<div id='popup'>Kode Adsense Anda. Jangan lupa untuk diparsing dahulu gunakan tool yang ada di menu atas kemudian pilih XML Parser untuk memparser kode adsense anda<br/>
<img height='20' src='https://lh6.googleusercontent.com/-sv2b7Dk7Jjw/Tkl0cWunTHI/AAAAAAAAAJE/P4fyRcpO2Gk/s800/loadTrans.png' style='vertical-align:middle;' width='20'/>
<span style='color:#fff;font-size:17px;text-shadow:black 0.1em 0.1em 0.1em'><blink> Recieving transmission ...</blink></span></div>
<div id='transBG'/></div>
<script src='http://code.jquery.com/jquery-1.4.4.min.js' type='text/javascript'></script>
<div align='center' id='bublebeeid'>
<a class='bumblebee' href='#popup' alt='http://monozcore.blogspot.com' name='mod'/>
</div>
<br />
<div align='center'>
<a style='text-decoration:none;font-size:90%;' href='http://monozcore.blogspot.com/2011/08/transformer-popup-window-for-adsense.html' target='blank'>Add to your blog</a>
</div>
Silakan di save dan lihat hasilnya...
Jangan lupa untuk memasukan kode google adsense anda !
Penempatan Kode Pada Widget Blog
Login ke blog anda kemudian klik tab design setelah itu klik page element.
Klik Edit HTML kemudian centang Expand Widget Templates.
Cari kode </Head> (dibrowser gunakan Ctrl+F untuk membuka kotak pencarian).
<script type='text/javascript'>
$(document).ready(function() {
$('a[name=mod]').click(function(e) {
e.preventDefault();
var id = $(this).attr('href');
var bgHeight = document.documentElement.clientHeight;
var bgWidth = document.documentElement.clientWidth;
$('#transBG').css({'width':bgWidth,'height':bgHeight});
$('#transBG').fadeIn("fast");
var winH = document.documentElement.clientHeight;
var winW = document.documentElement.clientWidth;
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
$(id).slideDown();
});
$('#close').click(function (e) {
e.preventDefault();
$('#transBG, #popup').fadeOut("slow");
});
$('#transBG').click(function () {
$(this).fadeOut("slow");
$('#popup').slideUp();
});
});
</script>
Cari kode <Body>kemudian masukan kode berikut ini dibawah kode tersebut.
The Code...
<div id='popup'>Kode Adsense Anda. Jangan lupa untuk diparsing dahulu gunakan tool yang ada di menu atas kemudian pilih XML Parser untuk memparser kode adsense anda<br/>
<img height='20' src='https://lh6.googleusercontent.com/-sv2b7Dk7Jjw/Tkl0cWunTHI/AAAAAAAAAJE/P4fyRcpO2Gk/s800/loadTrans.png' style='vertical-align:middle;' width='20'/>
<span style='color:#fff;font-size:17px;text-shadow:black 0.1em 0.1em 0.1em'><blink> Recieving transmission ...</blink></span></div>
<div id='transBG'/></div>
<script src='http://code.jquery.com/jquery-1.4.4.min.js' type='text/javascript'/>
Klik tab design.
Klik Add a Gadget kemudian pilih HTML/Javascript.
Masukan kode berikut ini di kotak gadget tersebut.
Jangan lupa untuk memasukan kode google adsense anda !
Untuk merubah lokasi gambar bumblebee anda tinggal mengganti koordinat gambar pada kode css-nya sehingga widget ini bisa disesuaikan dengan template blog anda.
Silakan anda mem-follow blog ini supaya apabila ada perubahan atau perbaikan artikel ini anda bisa segera mendapat pemberitahuan melalui email. Apabila masih ada kesulitan dalam menerapkan widget ini silakan anda tuliskan permasalahan anda di kotak komentar.
Semoga artikel ini bisa bermanfaat. Terima Kasih....
kode adsense didapat setelah sobat mendaftar di salah satu penyedia adsense, coba daftar seperti di google adsense, adsensecamp, kumpulblogger dan sitti.
Setelah daftar di kumpulblogger lanjutkan masuk ke menu utama akun sobat di kumpulblogger kemudian klik "Script Text Advertising untuk Blog anda" kemudian pilih jenis dan ukuran iklan yang ingin ditampilkan, tinggal ke scroll ke bawah. Setelah itu copy-paste kode scriptnya dan masukan di dalam kode <div id='popup'> oke sob gampang kan....???
August 24, 2011 at 11:16 PM
Mantap Sob Toturialnya keren banget
February 29, 2012 at 11:59 PM
gmn cara cari kode gogle adsen'nya om?
March 1, 2012 at 9:22 AM
kode adsense didapat setelah sobat mendaftar di salah satu penyedia adsense, coba daftar seperti di google adsense, adsensecamp, kumpulblogger dan sitti.
March 2, 2012 at 1:33 PM
trus habis saya masuk di kumpulblogger.com langkah saya slanjutnya hrus ngapain om?
March 2, 2012 at 2:27 PM
Setelah daftar di kumpulblogger lanjutkan masuk ke menu utama akun sobat di kumpulblogger kemudian klik "Script Text Advertising untuk Blog anda" kemudian pilih jenis dan ukuran iklan yang ingin ditampilkan, tinggal ke scroll ke bawah. Setelah itu copy-paste kode scriptnya dan masukan di dalam kode <div id='popup'> oke sob gampang kan....???
March 2, 2012 at 3:31 PM
om, saya kn udah dftar jg di adsense camp, trus caranya agar banner adsense bisa terletak disamping kanan kayak blog ini gmn caranya om?
March 2, 2012 at 6:49 PM
Pasang kode css diatas </Head>
<style>
#melayang_atas {
position:fixed;_position:absolute;top:5px; right:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
::-moz-selection {
background: none;
color: #FF0000;
}
</style>
trus pasang kode html di bawah <Body>
<div align='right' id='melayang_atas'>
taruh kode disini
</div>
March 14, 2012 at 5:49 PM
"body>" gak ketemu om, ketemunya yang ini "/body>
coba tk pasang dibawah /body> , eh malah iklannya ada di pojok bawah, gak kayak punya om monoz
March 14, 2012 at 8:00 PM
Jangan di bawah /body> mending di taruh di atas nya aja...