Tutorial Menciptakan Kotak Iklan Pop Up Melayang Blogger

Cara Membuat Kotak Iklan Pop Up Melayang Di Blogger, Seperti Contoh Membuat Kotak Jendela Iklan Selamat Datang Di Blog Merupakan Hal Untuk Menarik Pegunjung Blog Dengan Menarik Hati Mereka Untuk Mengunjungi Blog Kita Dengan Ucapan Selamat Datang Atau Sejenisnya, Bisa Berupa Foto, Vidio, Atau Apapun Bisa Anda Kreasikan berdasarkan kreativitas kalian masing masing. Sebelumnya Kotak Iklan Pop Up Melayang Ini Bertujuan Untuk Menyapa Pengunjung Apabila ia mengunjungi blog kami, Untuk Peletakan Anda Bisa Menyesuaikan Lebar, Panjang Dari Widget Ini, Anda Bisa Meletakkan Teks Penting, ataupun Iklan, ataupunpun gambar. sanggup diubahsuaikan di widget ini.

Untuk Memasang Widget Kotak Iklan Pop Up Melayang Di Blogger Ini Sudah Banyak Digunakan Untuk Para Blogger Indonesia termasuk saya juga hehe, Script Kotak Iklan Pop Up Melayang Ini Tentu Tidak Memberatkan Sama Sekali Kecepatan Blog Kamu, Cara Yang Saya Akan Bagikan Ke Kalian Ini Merupakan Hasil nan saya kreasikan,itu memudahkan kalian pastinyanya buat nan ingin memasang widget kotak iklan pop up ini

Sebelumnya Saya Menggunakan Iklan Pop Up Melayang Ini Bertujuan Untuk Menyapa Pengunjung Seperti Contohnya kalian sanggup melihat gambar demonya dibawahitu :

Nah Setiap Anda Merefresh Sebuah Halaman BLog Anda, Maka Pengunjung Setiap Kali Akan Melihat Pop Up Iklan Anda, Terserah Jika Anda Ingin Mengkreasikannya sesuai harapan masing masing, naahh apabila kalian tertarik juga ingin memasangnya di blog anda, makanya ikutilah tutor dibawah ini, simak benar benar yaa ..

Cara Membuat Kotak Iklan Pop Up Melayang Blogger

Sebelumnya Pastikan Anda Sudah Memiliki akun blogger kalian, juga silahkan ikuti tutor di bawah ini, saya membikin teladan demo diatas hanya jadi contoh, sebetulnya sanggup manis lagi apabila kalian mengkreasikannya di blog kamu, juga lihatlah step dibawahitu sebagai tutor pemasangannya :

1. Buka Dashboard Blogger Kalian
2. Langsung Pergi Ke Tata Letak
3. Tambahkan Gadget (Terserah Anda Ingin Buatnya Dimana, Karna Hasilnya Akan Tetap Sama Kotak Iklan Tersebut Melayang)
4. Pilih HTML/JAVASCRIPT
5. Pastekan Kode Dibawah Ini

<style type="text/css"> #topbar{ position:absolute; padding-left:0%;padding-top:0%; background-color: #fff; width: 250px;heigth:180px; visibility: hidden; z-index: 100; } </style> <script type="text/javascript"> var persistclose=0 //set to 0 or 1. 1 means once the kafe is manually closed, it will remain closed for browser session var startX = 30 //set x offset of kafe in pixels var startY = 5 //set y offset of kafe in pixels var verticalpos="fromtop" //enter "fromtop" or "frombottom" function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function closebar(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("topbar").style.visibility="hidden" } function staticbar(){ barheight=document.getElementById("topbar").offsetHeight var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; var d = document; function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 5); } ftlObj = ml("topbar"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script> <div class="clear"> </div> <div id="topbar"> <div style="text-align: right;"> <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh34DRt7pUhr2MsQ31uzHrnRE8mI2Z-EJwEWxlLw-_F-WlXQNcRFoep_AT8QxswtEQimR1JoenclHSt0wZPvWo1-H1jNfSAlSgPq5G510fByLdfybwB74kk0W7C1VEt3Ufr5Whqo2pw2c8/s1600/close2-24.png" alt=" Cara Membuat Kotak Iklan Pop Up Melayang Di Blogger  Tutorial Membuat Kotak Iklan Pop Up Melayang Blogger"/></a> <br/><center>Klik 2x sebagai menutup(x)</center><center>Selamat Datang Di JagoanKode.blogspot.com</center><br/> </div> <div style="background: #fff;"> </div></div>

6.Setelah Itu Simpan Dan Lihat Hasilnya

Hasilnya Akan Tampak DI Blog Kamu Kotak Iklan Melayang Kini Sudah Berhasil Terpasang, Dan Sekarang Tinggal Kamu Kreasikan Saja Sesuai Keinginan Anda Ingin Membentuknya Sesuai Selera Kalian, Sampai Disini Mungkin Hanya Itu Yang Dapat Saya Share Ke Kalian, Jika Terdapat Error Atau Kesalahan Pada Script Membuat Kotak Iklan Pop Up Melayang Blogger Diatas. Jika Tidak Keberatan Kalian Boleh Bantu Share Ketemen-Temen Kalian Agar Makin Keren Desain Blog Kamu.. hehe, Baiklah Hanya Itu Saja yg sanggup saya bantu buat problem kalian, apabila terdapat kata kata nan belomberkenan mohon maaf, hingga jumpa di artikel yg gres :)