Cara 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>

  • Kemudian pastekan di widgets text.
  • Dan klik tombol [Save].

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s