Membuat Menu yang Dapat Melayang (Floating Bar) di WordPress

Disini akan saya ulas mengenai bagaimana Membuat Menu yang Dapat Melayang (Floating Bar) di Wordpress. Banyak cara untuk memasang iklan (kumpulblogger, adsensecamp, dll) salah satunya dengan menggunakan trick agar dapat tampil indah dan juga dapat meningkatkan earning. Cara kerja trick ini bila halaman blog discroll naik turun maka menu akan tetap melayang di halaman. Juga dilengkapi tombol €œClose agar pembaca dapat menyembunyikan menu ini jika merasa terganggu. Anda juga dapat memasang selain iklan, misalnya buku tamu, chat dan aksesoris blog lainnya. Berikut caranya:

Copy kode dibawah:

<style type="text/css"> #topbar{ position:absolute; border: 1px solid black; padding: 2px; background-color: yellow; width: 600px; 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 = 150 //set x offset of bar in pixels var startY = 100 //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()", 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 id="topbar"> <a href="" onClick="closebar(); return false">Tutup</a>

Letakkan kode iklan atau aksesoris anda disini.

</div>