Kita mengetahui bahwa setiap apa2 yang ditambahkan kedalam blog kita itu semua mempunyai kekurangan serta kelebihan dari masing2 gadget itu sendiri , begitu juga dengan Trik Membuat Menu Melayang di Wordpress ini tentunya mempunyai kelebihan tersendiri dan kelebihan dari Trik Membuat Menu Melayang di Wordpress ini adalah :
- meskipun blog kita di scroll naik turun menu ini tetap pada tempatnya "Namanya juga menu yang melayang, iya kalau hilang bukan melayang g2 aj ko' repot"
- Menu ini juga dilengkapi dengan menu close dimana para pengunjung blog kita bisa menutupnya jika merasa terganggu dengan menu ini.
- Tidak hanya itu sobat juga bisa mengganti Menu ini dengan Iklan sobat, atau yang lainnya.
silahkan copy code2 dibawah ini.
<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>
Pada tulisa yang saya cetak tebal diatas itu tempat code menu atau iklan sobat
Setelah code-code diatas dicopy sekarang paste kedalam wordpress sobat semua caranya
- login ke wordpress sobat
- lalu klik pada Menu Tampilan
- setelah masuk klik pada widget
- cari widget yang bernama Teks seret ketempat dimana anda ingin meletakkannya
- setelah itu pastelah kode yang sudah saya kasih diatas kedalam widget Teks ini
- setelah itu klik save
Sumber : werdingeblog.com
:.