Cara membuat Bar mengambang atau Floating Bar on Top pada blog

Floating Bar sering kali kita jumpai ketika kita membuka blog atau merefressnya kembali. Floating Bar tersebut seperti pop up, biasanya berisi iklan teks, banner, ataupun rekomendasi tertentu. Hal ini pemilik blog berharap, pengunjung langsung melihat Floating Bar tersebut dan tertarik untuk melihat.
Fitur ini sangat menarik dan memang diperlukan bila blog anda memang fokus atau sekedar tambahan untuk cari uang. Selain itu Floating Bar berguna juga bila anda ingin merekomendasikan atau mengabarkan suatu acara yang anda adakan.

 Bila anda berminat silahkan anda ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.

2. Klik Rancangan.

3. Dan KLik tab Edit HTML.

4. Cari kode di bawah ini atau yang mirip dengan kode ini :

</head>

5. Copy kode di bawah ini dan taruh tepat sebelum kode </head>

<style type="text/css"> #topbar{ position:absolute; border: 1px solid black; padding: 2px; background-color: #fff; width: 620px; 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 = 200 //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>

6. Cari kode di bawah ini atau yang mirip dengan kode ini :

</body>

7. Copy kode di bawah ini dan taruh tepat sebelum kode </body> :

<div id="topbar">
<a href="#" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2nZYcroq3ugfi2dgNZ6RVkuBcXy_XvERsiwxlMna9dPefYqZVWANOBXvdHEujS-SnvtzI0Zw19APMVSl1VtJ82guB_44IrcIIeV_xkVePmWjr_nk5lZnMVMIf6tm3V44OpZd2ylU8tK-f/h80/close.png" align="right" border="0" />
<a href="YOUR LINK" onclick="closebar(); return true">DISINI TEKS ATAU SCRIPT IKLAN MILIK ANDA
</div>

Catatan :
Silahkan anda ganti teks berwarna merah dengan Teks, Script iklan atau banner milik anda.

8. Simpan Template.

Selamat mencoba dan Semoga bermanfaat....

Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.dan jangan lupa join di blog ini

Lirik Lagu Vierra – Kesepian

A C#m D Dm
A            E        D          E
di mana kamu di mana, di sini, bukan
A           E       D          E
kemana kamu kemana, ke sini, bukan
A             E         D          E
katanya pergi sebentar, ternyata lama
A           E       D          E
tahukah aku sendiri menunggu kamu
Chorus:
A                  C#m
jangan pergi pergi lagi
aku tak mau sendiri
Dm             C#m        F#m
temani aku tuk sebentar saja
Bm                E
agar aku tak kesepian
A             E         D          E
katanya pergi sebentar, ternyata lama
A           E       D          E
tahukah aku sendiri menunggu kamu
Solo: F#m A D
F#m A B
Bm C#m Dm E
Chorus:
A                  C#m
jangan janji-janji terus
Em         F#    Bm
aku tak mau kau bohong
Dm             C#m        F#m
temani aku tuk sebentar saja
Bm                E
agar aku tak kesepian
A                  C#m
jangan pergi pergi lagi
Em         F#   Bm
aku tak mau sendiri
Dm             C#m        F#m
temani aku tuk sebentar saja
Bm                E
agar aku tak kesepian
Outro: A C#m D Dm A

Lirik Lagu Last Child – Pedih

Chorus: C G C D G
G                          Em
Engkau yang sedang patah hati
Am                        D
Menangislah dan jangan ragu ungkapkan
Bm                      Em
Betapa pedih hati yang tersakiti
Am                     D
Racun yang membunuhmu secara perlahan
G                      Em
Engkau yang saat ini pilu
Am                      D
Betapa menanggung beban kepedihan
Bm                     Em
Tumpahkan sakit itu dalam tangismu
Am                       D
Yang menusuk relung hati yang paling dalam
[chorus]
C             G
Hanya diri sendiri
C             D         G
Yang tak mungkin orang lain akan mengerti
Em                     Bm
Di sini ku temani kau dalam tangismu
C                  G     D
Bila air mata dapat cairkan hati
Em                     Bm
Kan ku cabut duri pedih dalam hatimu
C                       G          D
Agar kulihat, senyum di tidurmu malam nanti
Em
Anggaplah semua ini
Bm
Satu langkah dewasakan diri
C       D
Dan tak terpungkiri juga bagi…
G                        Em
Engkau yang hatinya terluka
Am                    D
Di peluk nestapa tersapu derita
Bm                    Em
Seiring saat keringnya air mata
Am                        D
Tak mampu menahan pedih yang tak ada habisnya
[chorus2]
C             G
Hanya diri sendiri
C             D         G
Yang tak mungkin orang lain akan mengerti
Em                     Bm
Di sini ku temani kau dalam tangismu
C        Cm        G     D
Bila air mata dapat cairkan hati
Em                     Bm
Kan ku cabut duri pedih dalam hatimu
C         Cm          G           D
Agar kulihat senyum di tidurmu malam nanti
Em
Anggaplah semua ini
Bm
Satu langkah dewasakan diri
C       D
Dan tak terpungkiri juga bagi…
interlude: G Em Am D Bm Em C D
chorus3:
C             G
Hanya diri sendiri
C             D         G
Yang tak mungkin orang lain akan mengerti
Em                     Bm
Di sini ku temani kau dalam tangismu
C        Cm        G     D
Bila air mata dapat cairkan hati
Em                     Bm
Kan ku cabut duri pedih dalam hatimu
C         Cm          G           D
Agar kulihat senyum di tidurmu malam nanti
Em
Anggaplah semua ini
Bm
Satu langkah dewasakan diri
C       D
Dan tak terpungkiri juga bagi
G
Engkau yang sedang patah hati

Evanescence

Click Here

Bring Me To Life(Random Version).mp3 : 

Click Here

What You Wan : 

Bayangan Kasih

C Em
Kau kekasihku,kau bidadariku
F G
Dengarkan sayang Aku bernyanyi
C Em
Syair laguku,Kutuliskan kata
F G
Kata yang terindah,Kisah antara kita

Reef;
C G Am F C G
Hanya.....Bayangmu yang kurasa....
F G C Am
Membawaku tetap diiringi mimpi yang indah
F G C
Hidupku lebih sempurna...
F G
Disaat kau tak ada
C
Aku tak ingin kau kembali
F G C
Semuanya berakhir disini...