Cara Membuat Iklan Melayang
Cara Membuat Iklan Melayang Beberapa waktu lalu pada posting Cara menggunakan Google webmaster tools Cara Membuat Iklan Melayang di Bawah Blog ini disertai dengan tombol close untuk mempermudah pengunjung ketika ingin menutup iklan tersebut. Beginilah cara membuatnya:
1. Login ke Akun Blogger sobat masing-masing.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget dimana saja, karena dimana pun sobat menambahkan gadget, tetap hasilnya akan berada di bawah Blog dan melayang.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut
6. Ubah script berwarna MERAH BOLD dengan script iklan sobat.
7. Ubah ukuran pada script berwarna biru. Karena kolomnya berdampingan dengan tombol close, maka tinggi kolomnya harus lebih besar dari ukuran tinggi pada banner/gambar iklan sobat. Tombol close memerlukan space kolom 15px. Maka sobat buat kolom dengan ukuran: tinggi banner + 15px.
8. Klik simpan, dan selesai
cara membuat iklan melayang tanpa tombol close
cara membuat iklan melayang di blog
cara pasang iklan melayang
cara membuat iklan melayang di blogspot
cara membuat iklan melayang di samping
cara membuat iklan melayang dengan tombol close
cara membuat iklan melayang di kanan kiri blog
1. Login ke Akun Blogger sobat masing-masing.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget dimana saja, karena dimana pun sobat menambahkan gadget, tetap hasilnya akan berada di bawah Blog dan melayang.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 105px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwNJefJPTxymC3y4Ph0LTgYCoJa8epGsI0Ju_3q1mjfKR066hdGwcY73tmyNi2T_l9aNDOhp30dHZlO3vWE9O-ccOZWMD4EYvOUdG5AaVsM2b6OeZ_HSnkt_6LZbrtNl8kfHvAPMogF8vi/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://my-azura.blogspot.com.com/" target="_blank" title="Pasang Iklan Disini"><img alt="Pasang Iklan Disini" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUscjFKGFBrm6yg-RJtpJyLJYN2qZXsEI8WVruQNKvypUadTbGLbri1rEPAspDsTNCjNZ-QTHM6o0OTEcM5AzsUm7P7pxKzk9HdyfzrWkcs0zuBLQNhMZsKQFK3_1bALQ__j3n1a2R5VA/s1600/pasang+iklan+728x90.gif" /></a>
</center></p>
</p>
</div>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 105px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwNJefJPTxymC3y4Ph0LTgYCoJa8epGsI0Ju_3q1mjfKR066hdGwcY73tmyNi2T_l9aNDOhp30dHZlO3vWE9O-ccOZWMD4EYvOUdG5AaVsM2b6OeZ_HSnkt_6LZbrtNl8kfHvAPMogF8vi/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://my-azura.blogspot.com.com/" target="_blank" title="Pasang Iklan Disini"><img alt="Pasang Iklan Disini" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUscjFKGFBrm6yg-RJtpJyLJYN2qZXsEI8WVruQNKvypUadTbGLbri1rEPAspDsTNCjNZ-QTHM6o0OTEcM5AzsUm7P7pxKzk9HdyfzrWkcs0zuBLQNhMZsKQFK3_1bALQ__j3n1a2R5VA/s1600/pasang+iklan+728x90.gif" /></a>
</center></p>
</p>
</div>
6. Ubah script berwarna MERAH BOLD dengan script iklan sobat.
7. Ubah ukuran pada script berwarna biru. Karena kolomnya berdampingan dengan tombol close, maka tinggi kolomnya harus lebih besar dari ukuran tinggi pada banner/gambar iklan sobat. Tombol close memerlukan space kolom 15px. Maka sobat buat kolom dengan ukuran: tinggi banner + 15px.
8. Klik simpan, dan selesai
Kw :membuat iklan melayang dengan tombol close
cara membuat iklan melayang tanpa tombol close
cara membuat iklan melayang di blog
cara pasang iklan melayang
cara membuat iklan melayang di blogspot
cara membuat iklan melayang di samping
cara membuat iklan melayang dengan tombol close
cara membuat iklan melayang di kanan kiri blog
Terima kasih telah membaca artikel Cara Membuat Iklan Melayang
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Membuat Iklan Melayang
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Membuat Iklan Melayang
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
0 comments
Post a Comment
Untuk menyisipkan gambar, gunakan tag <i rel='image'>URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>
Link aktif akan dimatikan secara otomatis.
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Konversi Kode di Sini! Emoticon OOT