Pasang Pop Up Muncul Di Tengah Postingan

Lama rasanya tidak melengkapi postingan blog. semoga sobat yaqindlive tidak bosan dengan hal itu. Postingan selanjutnya tentang cara membuat pop up yang muncul ditengah postingan blog. pop up ini dapat berupa iklan atau sesuatu yang bersifat mempromosikan blog kita. Bagaimana cara membuatnya. langsung saja check this out :-D.

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!



    <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/AVvXsEgT5uTBRmoaBPKImcGYP0NWTghzMwrtv9jAdowIBzQEITr8W6oHEML89FJncAvY1e4ZguV8bM-6HwzlTvr6SLOK3xw0_f7aOVVYWNUGfRnfCQfrJPW6y9KFgLmqUXI5QhzVABSrcW5B7Ubu/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.

0 comments: