Langsung ke konten utama

Cara Menambah Bar Mengambang di Atas blogger blog

1.Log in ke dashboard -> Layout--> Elemen Halaman

2.Click pada 'Tambah Gadget' di sidebar.
 
3.Pilih 'HTML / Javascript "dan tambahkan kode yang diberikan di bawah ini dan klik save.








<style type="text/css">
#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}
</style> <script type="text/javascript">
/***********************************************
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
*Make it works on blogger by Zen :http://zenplate.blogspot.com
***********************************************/
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 = 30 //set x offset of bar in pixels
var startY = 5 //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"><img src="http://www.gigaimage.com/images/6gxult9ji6pxr9r7wo.gif" align="right" border="0" />
<a href="YOUR LINK" onclick="closebar(); return true">YOUR TEXT
</div>
 




Catatan: Jangan lupa untuk mengganti LINK ANDA dan TEXT ANDA dengan data Anda.
Label:
Lokasi: Surabaya, Indonesia

Komentar

Posting Komentar

Postingan populer dari blog ini

Mimpi Buruk

Aku tahu ini seperti cerita yang lainnya,tapi itu benar-benar mulai menakut-nakutiku sekarang.Aku memiliki mimpi yang buruk,benar-benar buruk.Mereka telah berlangsung selama 8 tahun dan beberapa bulan sekarang.Saya selalu tertarik dengan para paranormal tetapi saya tidak percaya apa yang di lakukan mereka adalah kenyataan,tapi sekarang...........saya tidak yakin dengan perasaanku.Mimpiku adalah tentang seorang wanita yang sama,rambut panjang hitam/coklat.Dia selalu mengenakan gaun hitam ketat polos,gaun yang panjang dengan lengan panjang pertengahan yang berakhir di siku.aku belum pernah melihat ke bawah lututnya jadi saya tak dapat berkomentar mengenai sepatu apa yang di kenakannya.Tapi dari belakang ia tampak seperti wanita normal yang akan keluar menghadiri sebuah pesta semi formal atau sesuatu yang seperti itu. Tapi dari depan adalah cerita yang berbeda,kulitnya begitu pucat tetapi sedikit semburat abu-abu.Matanya yang paling menghantui.Meskipun matanya lebar dan di kelilingi oleh...
Posting Komentar
Read more»

Roh Quija

Tidak satupun dari kita percaya pada paranormal atau supranatural, tapi papan Ouija sepertinya cara yang menyenangkan untuk menghabiskan waktu.   Kami semua berusia sekitar dua puluhan , yang bertingkah sedikit konyol, dan pasti terobsesi dengan spesies laki-laki.Setelah beberapa petunjuk tentang kami saat ini, kami mencoba untuk memanggil hantu. Kami terdiam selama 10 menit sambil berharap cemas sebelum kami akhirnya menyerah.   Kami melihat film dan semua menginap di rumahku . Tiba-tiba, kita semua tersentak ter bangun karena tv yang kita lihat tiba-tiba mati sendiri . L ayar tv berubah hitam, wajah seorang gadis remaja muda muncul di layar, meneteskan darah dari sudut mata kosongnya .   Maria menjerit dan aku mencengkeram lengan Tary , dan kemudian kami berempat dibuat terburu-buru menuju kamar tidur. Sara y ang paling tenang di antara kita semua, Sara mengatakan kepada kami itu mungkin hanya imajinasi terlalu aktif larut malam.   Tidak ada yang percaya pad...
Posting Komentar
Read more»

Hindari 10 Kalimat Ini Saat Bicara dengan Anak (Bag. 1)

Secara tidak sadar, orangtua kerap mengucapkan perkataan yang sebenarnya bisa berdampak negatif pada anak. Anak dapat menjadi tidak percaya diri, sedih atau membenci orang lain. "Kita memang bermaksud baik, tapi terkadang kita mengatakan sesuatu hal tanpa memikirkan bagaimana anak menerimanya," ujar Amy McCready, pendiri Positive Parenting Solutions dan juga penulis 'If I Have to Tell You One More Time...'. Berikut ini bagian pertama dari 10 perkataan yang menurut Amy, sebaiknya orangtua pikir dulu dua kali sebelum mengucapkannya pada anak, seperti dikutip dari Womans Day:
Posting Komentar
Read more»