Membuat Pop Up ditengah Postingan All Script

Pada umumnya yang pernah saya lihat ketika berkunjung di blog sobat, Pop Up pada blogger sering kali muncul berupa like box facebook, seperti gambar disamping ini.

Namun bagaimana jika kita ingin memasang Pop Up selain like box facebook? Untuk sobat blogger, berikut ini tentang cara membuat Pop Up yang muncul ditengah postingan blog,namun pop up ini dapat di isi script berupa iklan atau sesuatu yang bersifat mempromosikan blog kita.

Berikut Caranya:

• Log in ke akun blogger
• Pada Dasbor click Tata Letak > Tambah Gadget
• Lalu sobat pilih HTML/Java Scrip > Setelah itu copy kode berikut dan paste atau letakkan di dalamnya!

Lihat Script:

<style type="text/css">#topbar{position:absolute;padding-left:20%;padding-top:10%;background-color: transparancy;width: auto;heigth:auto;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 sessionvar startX = 30 //set x offset of bar in pixelsvar startY = 5 //set y offset of bar in pixelsvar 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.lengthend = 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").offsetHeightvar 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()", 10);}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/AVvXsEg7_TsOEc353dTkD5oCUwFNROoQlmrQIKWIra-eUkjaloPN2RKjX1DslrW7VAdilcOiY-4pY4uAlDD4LcJIli5cBEmXiOScm-LrAfJQztxE30QArQfvx-poxEhFlqJUEPZUFxvwqw_YNB19/s1600/close3.png" alt="close"/></a></div><center><div style="background: #fff;">*** MASUKAN HTML WIDGET/IKLAN/GAMBAR/DSB DISINI***</div></center></div>

• NOTE : warna merah silahkan anda ganti dengan iklan anda (bisa berupa gambar, video, teks dan lainnya). sedangkan warna biru (padding-left : 20%;") adalah angka horizontal dan padding-top : 10%;" adalah vertikalnya. silahkan sobat sesuaikan sendiri.