Blogging Trick Tutorial Blog

Cara Membuat 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 menurut kreativitas anda masing masing. Sebelumnya Kotak Iklan Pop Up Melayang Ini Bertujuan Untuk Menyapa Pengunjung Apabila ia mengunjungi blog kita, Untuk Peletakan Anda Bisa Menyesuaikan Lebar, Panjang Dari Widget Ini, Anda Bisa Meletakkan Teks Penting, atau Iklan, ataupun gambar. bisa disesuaikan 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 yang saya kreasikan, ini memudahkan anda tentunya buat yang ingin memasang widget kotak iklan pop up ini

Sebelumnya Saya Menggunakan Iklan Pop Up Melayang Ini Bertujuan Untuk Menyapa Pengunjung Seperti Contohnya anda bisa melihat gambar demonya dibawah ini :

Nah Setiap Anda Merefresh Sebuah Halaman BLog Anda, Maka Pengunjung Setiap Kali Akan Melihat Pop Up Iklan Anda, Terserah Jika Anda Ingin Mengkreasikannya sesuai keinginan masing masing, nah jika anda tertarik dan ingin memasangnya di blog anda, maka ikutilah cara dibawah ini, simak baik baik yaa ..

Cara Membuat Kotak Iklan Pop Up Melayang Blogger

Sebelumnya Pastikan Anda Sudah Memiliki akun blogger kalian, dan silahkan ikuti cara di bawah ini, saya membuat contoh demo diatas hanya sebagai contoh, sebenarnya bisa bagus lagi jika anda mengkreasikannya di blog kamu, dan lihatlah step dibawah ini untuk cara 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 bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar 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://2.bp.blogspot.com/-LulegGbMOGg/WtXNoBj4ypI/AAAAAAAAC0A/mtrYswv6iTw6QD2FiGgrhAniP3N6XNMnQCLcBGAs/s1600/close2-24.png" alt="close"/></a>
<br/><center>Klik 2x untuk 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 dapat saya bantu buat masalah kalian, jika terdapat kata kata yang tidak berkenan mohon maaf, sampai jumpa di artikel yg baru 🙂

About the author

Kahfie IDN

Pengetahuan adalah kebebasan, dan ketidaktahuan adalah perbudakan.

Leave a Comment

17 Comments