Cara Membuat Iklan Melayang Di Tengah Blog

Tips blog kali ini saya ingin berbagi bagaimana caranya menampilkan iklan pop up atau melayang ditengah-tengah blog. Tidak hanya iklan, bahkan foto,video dsb bisa sobat masukan di widget ini. Posisi dari widget pop-up ini tepat ditengah tampilan layar blog sobat, kalau pun tidak pas ditengah, dapat disesuaikan letak posisinya. Widget pop-up ini berguna jika sobat ingin memasang teks/pesan penting, iklan, gambar, atau widget fans facebook.

Cara Membuat Iklan Melayang  Di Tengah Blog ini juga sangat mudah, sobat tinggal masukkan kode HTML dibawah ini :

<style type="text/css">#topbar{position:absolute;padding-left:30%;padding-top:5%;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/AVvXsEjEkaKsGsd3hg9w6Veq-Cv02SjyAj2UK094eajiGtVH25fQRS5d4wZ5_6YrgbdCc4N23G9UmvkziU_PU6GKDZoz2ctOX5f9ntNNfeA8mIr0u1V0XHFNMExjVKRRLNKl7NlOWVRzqycgc-o8/s1600/close3.png" alt="close"/></a></div><center><div style="background: #fff;">*** MASUKAN HTML WIDGET/IKLAN/GAMBAR/DSB DISINI***</div></center></div>

Untuk keperluan lebar dsb silahkan sobat sesuaikan sendiri ya.
Okey, cukup sekian tips blog cara membuat iklan melayang  di tengah blog.
Semoga bermanfaat.