Trik Memasang Banner Iklan Di Header Blog

Memonetize blog dimana banyak cara yang bisa di lakukan seperti kebanyakan blogger tentunya sudah paham trik-triknya seperti ikut Adsense,Affiliasi ,Ads banner untuk disewakan dan lain sebagainya ,berusaha tidak ada salahnya bukan, hanya sedikit share yang mungkin bisa membantu usaha sobat mencari penghasilan dari blog salah satu cara-nya memasang kotak iklan di header blog seperti yang ada di atas .

Soal membuat banner ads sendiri sekarang sudah bukan suatu hal sulit untuk dilakukan berbeda dengan beberapa waktu yang lalu ketika saya pertama kali mulai aktifitas blogging,seiring berjalan-nya waktu ,belajar untuk menyerap ilmu dari bloger-bloger yang sudah berpengalaman dan sedikit melakukan percobaan sendiri unuk menggembangkan ilmu yang saya dapat untuk di praktekan, seperti pengalaman saya terkadang teori dengan praktek-nya ada sedikit perbedaan ,seperti dalam hal ini yang akan saya bahas sedikit tentang bagaimana cara memasang kotak iklan di header blog di tema bawaan blogger seperti yang saya lakukan dan siapa tahu bermanfaat.

Disini saya menggunakan template dari blogger , mungkin sobat pernah mengalami hal seperti ini ketika ingin memasang iklan di header dengan salah satu cara menambahkan gadget baru di bagian Header ,setelah mencari kode <div id='header-wrapper'> untuk kemudian edit kode di bawahnya seperti ini kodenya <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='false' title='Pilah Pilih (Header)' type='Header'> ,ternyata kode <div id='header-wrapper'> tersebut tidak ditemukan , hanya menemukan kode di bawahnya seperti yang diatas tetapi ketika di rubah nilainya (warna biru di atas) hasilnya tidak sesuai, muncul kolom/gadget baru tetapi itu di atas atau di bawah header bukan di dalam header.

Tidak menemukan kode <div id='header-wrapper'> di template ,sebenarnya itu bisa di akali dengan cara langsung memasukan/memasang kode gambar ke template di bagian header ,cara-nya seperti ini yang saya lakukan :

1. Buka perancangan template > Edit HTML jangn lupa cek list Expand Tempalte Widget
2. cari kode <header> cari di bawahnya ada kode seperti ini

<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>
<-------KODE IKLAN--------->
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>

3. tempel script gambar iklan yang ingin di tampilan,buka pratijau untuk melihat hasilnya dan jika seudah sesuai dengan yang di harapkan klik save template .

Dari contoh di sini yang saya alami bisa disebakan karena dari masing-masing template mempunyai desaian atau kode penulisan yang berbeda di mana seperti kode <div id :header-wrapper> tidak saya temukan di temlate-template bawaan blogger yang saya gunakan, untuk posisi gambar /banner iklan di situ saya tempatkan di header diatas judul dan titel dan di tambah floating right supaya terlihat sejajar dengan judul dan titel blog ,untuk ukuran gambar tergantung kebutuhan , dan semoga artikel ini bisa bermanfaat.

Read More

Cara Membuat Iklan Melayang dengan 2 Kali Klik Close

Selamat malam sobat blogger,kali ini saya akan mencoba berbagi gimana cara membuat iklan melayang dengan 2x klik close,blog akan kebanjiran klik iklan. Karena untuk melihat artikel utama di dalam blog harus menutup atau mengklik iklan yang melayang, biasanya cara seperti ini dilakukan oleh blog-blog yang behubungan / berisikan tentang postingan "KHUSUS DEWASA". Kelemahannya adalah pengunjung malas berkunjung ke blog karena menambah waktunya untuk mengklik iklan melayang tadi. So... semua tergantung anda kawan, mau mencoba-coba Cara Membuat Iklan Melayang dengan 2 Kali Klik Close ini silahkan. Jujur saja, saya sendiri tidak suka menggunakan ini hehehehe.lansung aja kita bahas:

Inilah Cara Membuat Iklan Melayang dengan 2 Kali Klik Close:
1. Seperti biasa, buka Akun blog kawan.
2. Masuk ke Tata Letak / Rancangan
3. Pilih Tambah Gadget / Add Widget
4. Pilih elemen HTML/Javascript
5. Copylah Scrip di bawah ini, lalu paste ke Gadget / widget yang ingin anda tambahkan tadi.

<style type="text/css">

#gb{ position:fixed; top:10px; z-index:+1000; } * html
#gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:2px solid #bb0000; background:#eeeeee; padding:10px; }
</style>
<script type="text/javascript">

function showHideGB(){ var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ?
moveGB(0, 30-w) :
moveGB(20-w, 0);
gb.opened =
!gb.opened; }
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} }
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<div style="text-align: right;">
<a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div>
<center>
silahkan tempatkan kode iklan atau banner atau teks atau apalah terserah kamu disini yah
</center>
<script type="text/javascript">
var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div>
</div>

Simpat Gadget / Widget yang barusan anda buat.
7. Simpan Template anda. Lalu publikasikan. Lihat Hasilnya.

Catatan:
Silahkan ganti huruf yang berwarna merah dengan angka sesuai posisi yang anda inginkan.
Silahkan ganti huruf yang berwarna biru dengan kode iklan, kode banner yang anda inginkan.
Tidak semua penyedia Iklan (adsense) menganjurkan untuk menggunakan trik Cara Membuat Iklan Melayang, hati-hati memilihnya, biasanya kumpulan blogger tidak mempermasalahkannya.

Bagaimana, gampang bukan. Itulah Cara Membuat Iklan Melayang dengan 2 Kali Klik Close. Semoga bermanfaat yah, salam sukses dan salam blogger

Read More

Kumpulan Animasi Bergerak dipojok Blog

Hai sobat blogger semua,kali ini saya akan berbagi sama kalian gimana cara membuat animasi bergerak dipojok blog,dibawah ini adalah scripnya,anda tinggal kopi ajah,semuanya uda siap pakai,oh ya lansung aja kita kupas:

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://yukamraya.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="widget animasi lucu bergerak atau gif" alt="animasi bergerak naruto dan onepiece"/></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">animasi bergerak helikopter</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://www.blogger.com/www.yukamraya.blogspot.com" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/198/th/19809.gif" title="My widget" /></a><small></small><br />
<center>
<small><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></small></center>
</div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/59/th/5990.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/2/th/257.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/2/th/219.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/439/th/43917.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>
.

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.yukamraya.blogspot.com" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://yukamraya.blogspot.com/2013/05/kumpulan-animasi-bergerak-dipojok-blog.html" target="_blank">My Widget</a></center></small></div>

Yah gan,cukup sekian dulu yah,lain kali saya sambung lagi...

Read More