Selamat datang kembali di Demo IdBoegis, Blog yang membahas seputar Tips Adsense, Tips Komputer, Tutorial Blog, SSH Gratis, Tips Youtube, Tips Smartphone dan informasi internet lainnya.
Pada Artikel kali ini kita akan membahas Cara Membuat Kotak Iklan dengan Tombol Close, Postingan ini masih berhubungan dengan Artikel Tutorial Blog. Artikel Widget.
Cara memasang kotak iklan melayang dan responsive dengan tombol close - Halo sobat blog siabdi, setelah sebelumnya saya sudah membagikan artikel mengenai cara belajar ngeblog untuk pemula dan teknik SEO, pada kesempatan kali ini saya akan membagikan tutorial mengenai cara membuat kotak iklan responsive dengan tombol close ads. Mungkin bagi teman-teman ada yang sedang mencari cara tersebut, maka tidak ada salahnya bila sobat mencoba cara yang akan saya bagikan ini.
Fungsi dari tutorial yang akan saya bagikan kali ini yakni hanya untuk menampilkan iklan di bagian bawah layar yang di lengkapi dengan tombol close. Untuk lebih jelasnya nanti bisa sobat simak langsung di halaman live demonya. Dan bagi sobat yang ingin mencoba menerapkannya di blog milik sobat, silahkan ikuti tutorial di bawah ini.
2. Silahkan buka menu template dan silahkan buka edit template.
3. Selanjutnya, silahkan sobat cari kode </body> dan letakkan kode di bawah ini tepat sebelum kode tersebut.
Keterangan :
Perhatikan bagian yang saya tandai, silahkan ganti dengan kode iklan milik sobat!
4. Silahkan simpan template dan lihat hasilnya..
Demikian tutorial kali ini dapat saya sampaikan, bagi sobat yang masih memiliki kesulitan dalam menerapkan cara di atas, silahkan tinggalkan komentar sobat pada kotak komentar di bawah. Terimakasih telah membaca tutorial di atas mengenai cara membuat kotak iklan dengan tombol close di blog. Selamat mencoba dan Happy Blogging :)
Pada Artikel kali ini kita akan membahas Cara Membuat Kotak Iklan dengan Tombol Close, Postingan ini masih berhubungan dengan Artikel Tutorial Blog. Artikel Widget.
Cara Membuat Kotak Iklan dengan Tombol Close
Advertisement
Fungsi dari tutorial yang akan saya bagikan kali ini yakni hanya untuk menampilkan iklan di bagian bawah layar yang di lengkapi dengan tombol close. Untuk lebih jelasnya nanti bisa sobat simak langsung di halaman live demonya. Dan bagi sobat yang ingin mencoba menerapkannya di blog milik sobat, silahkan ikuti tutorial di bawah ini.
Cara Membuat Kotak Iklan di Blog
1. Pertama, silahkan sobat masuk ke blog milik sobat.2. Silahkan buka menu template dan silahkan buka edit template.
3. Selanjutnya, silahkan sobat cari kode </body> dan letakkan kode di bawah ini tepat sebelum kode tersebut.
<script type="text/javascript">
$(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').hide(90);});});
</script>
<div id="fixedban" style="-webkit-transform: translatez(0); bottom: 0; float: none; margin: auto; overflow: hidden; text-align: center; width: 100%; z-index: 999;">
<div>
<a href="https://www.blogger.com/null" id="close-fixedban" onclick="document.getElementById('fixedban').style.display = 'none';" style="cursor: pointer;"><img alt="close" src="https://2619d8fe-a-62cb3a1a-s-sites.googlegroups.com/site/droidatoz/host/btn_close.gif?attachauth=ANoY7cofTuTai7bHZYZdodpsGU6A63vyUX9rVVZ6dXQkObmRck-djFZ_N_tm34WR0D46JDzHcyGME34WAKFgQfYFPGOjs91FPEyn5dxj8jhK8Vs5DoeVnpKnf1huOcs7Ad-tpHaehR31EARu9phgZ4_2KVi6oU5D_XOllZQpGmWet3RN6M0fI4GjMqO0dGiEdpw0zj6gMthn9Kq0vsm-vV2mb0udAsfu7A%3D%3D&attredirects=0" style="vertical-align: middle;" title="close button" /></a></div>
<div style="display: block; height: auto; margin: auto; max-width: 728px; overflow: hidden; text-align: center;">
KODE IKLAN DISINI
</div>
</div>
Keterangan :
Perhatikan bagian yang saya tandai, silahkan ganti dengan kode iklan milik sobat!
4. Silahkan simpan template dan lihat hasilnya..
Bagaimana, cukup mudah bukan? Nah, bagi anda yang ingin menampilkan dan menyembunyikan iklan di halaman tertentu, silahkan baca artikel : Cara menampilkan dan menyembunyikan iklan di halaman tertentu.
Demikian tutorial kali ini dapat saya sampaikan, bagi sobat yang masih memiliki kesulitan dalam menerapkan cara di atas, silahkan tinggalkan komentar sobat pada kotak komentar di bawah. Terimakasih telah membaca tutorial di atas mengenai cara membuat kotak iklan dengan tombol close di blog. Selamat mencoba dan Happy Blogging :)
EmoticonEmoticon