Cara memasang translator bendera pada blog

Flag Translate untuk blog, cara pasang flag translator pada blog, bagaimana cara memasang translator bendera pada blog? Berikut ini adalah cara memasang translator bagi anda yang ingin menggunakan translator dengan logo bendera pada blog;

1. Login ke blog

2. Dashbor - Tataletak - Tambah Gadget - pilih HTML/Javascript

Untuk translator dengan tampilan 2 kolom :

Translate Widget by Google

Copy kode ini :

  <style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style><div><a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/english-2.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_France-1.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Germany.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Spain.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Italy.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Netherlands.gif" align="absBottom" border="0" /></a> <br/> <br/> <a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 3px" alt="Portuguese" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Portugal.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Russia.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_China.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Japan.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Korea.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Saudi-Arabia.gif" align="absBottom" border="0" /></a><div style="font-size:9px; padding:8px 0px 0px 0px">Translate Widget by Google</div></div>
 

Untuk translator dengan tampilan 3 kolom :

Translate Widget by Google

Kopy kode ini:

  <style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style><div><a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/english-2.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_France-1.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Germany.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Spain.gif" align="absBottom" border="0" /></a> <br/> <br/> <a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Italy.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 3px" alt="Dutch" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Netherlands.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 3px" alt="Portuguese" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Portugal.gif" align="absBottom" border="0" /></a><a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Russia.gif" align="absBottom" border="0" /></a> <br/> <br/> <a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_China.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Japan.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Korea.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Saudi-Arabia.gif" align="absBottom" border="0" /></a></center><div style="font-size:9px; padding:8px 0px 0px 0px">Translate Widget by Google</div></div>
 

Untuk translator dengan tampilan 4 kolom :

Translate Widget by Google

Kopy kode ini:

  <style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style><div><a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/english-2.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_France-1.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Germany.gif" align="absBottom" border="0" /></a> <br/> <br/> <a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Spain.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Italy.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 3px" alt="Dutch" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Netherlands.gif" align="absBottom" border="0" /></a> <br/> <br/> <a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 3px" alt="Portuguese" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Portugal.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Russia.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_China.gif" align="absBottom" border="0" /></a> <br/> <br/> <a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Japan.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Korea.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://i1151.photobucket.com/albums/o640/dhlondhenk/flags_of_Saudi-Arabia.gif" align="absBottom" border="0" /></a> <div style="font-size:9px; padding:8px 0px 0px 0px">Translate Widget by Google</div></div>
 

Yah gan,cuma itu saja yang saya ketahui,semoaga bermanfaat....selamat mencoba ya.....

Read More

Cara Mudah Parse Kode Iklan Dan HTML

Dalam dunia Blogger kita sering baca istilah Parse, Encode atau Decode terutama jika berhubungan dengan kode HTML (Hyper Text Mark up Language) yang ingin ditampilkan pada artikel atau mengeksekusi kode Iklan agar bisa tampil di postingan, maka kode iklan tersebut harus diparse atau encode dulu. Cara Mudah Parse Kode Iklan Dan HTML akan saya sediakan disini. Silahkan digunakan.

Arti Parse atau Parsing yang saya baca di blog tentangga adalah suatu cara memecah-mecah suatu rangkaian masukan (misalnya dari berkas atau keyboard) yang akan menghasilkan suatu pohon uraian (parse tree) yang akan digunakan pada tahap kompilasi berikutnya yaitu analisis semantik. Sedangkan Encode atau Encoding maksudnya membuat Kode atau sandi, sementara decoding berarti memecah kode / sandi. Keduanya memang berasal dati kata Code.

Ok langsung saja ke Tutorial Blog tentang Cara Mudah Parse Kode Iklan Dan HTML
Cara Pertama
Login ke sini nih. http://centricle.com/ atau ke http://www.opinionatedgeek.com/
Tinggal copy semua code Html nya ke kotak yang telah disediakan
Klik tombol "Encode", Encode berarti mengubah ke bentuk notasi dan Decode mengganti ke bentuk karakter HTML semula. dan hasil dari Encode inilah yang diposting di blog kita.
Copy paste kode hasil encode tadi ke postingan kita..
Selesai tinggal lihat hasilnya..
Cara Kedua

Cara kedua bisa menggunakan jasa Google Parse HTML Code. Kita tinggal masukan kode Iklan yang mau diparse kemudian klik Covert sekali saja ..selanjutnya copy kode hasil parse tersebut..

Read More

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