Memasang Like Box Melayang Di Blog
Kali Ini kita akan membuat atau memasang like box fans page
facebook melayang di blog atau blogger dan tentunya dengan menyertakan tombol keluar atau close hanya dengan satu klik saja, untuk panduan
Memasang Like Box Melayang Di Blog ini akan menghasilkan tampilan seperti pada gambar di samping yang tepatnya
like box ini akan tampil setelah loading page selesai yang langsung berada di tengah pada atas halaman blog kita, yang akan kita buat ini ialah
like box melayang yang di sertai border/garis dengan menggunakan table yangdi beri background warna putih, baiklah mari kita langsung saja menuju langkah-langkah berikut ;
1. Login ke Blogger.com
2. Klik Rancangan
3. Di Elemen Laman klik Tambah Gadget
4. Lalu tambahkan HTML/JavaScript dengan cara klik tanda +
5. Masukan script di bawah ini kedalamnnya
Lihat Langkah-Langkah Tambah Gadget HTML/Javascript
<!-- Script kotak like Facebook Melayang -->
<style type="text/css">
#topbar{
position:absolute;
padding-left:260px;
background-color: transparancy;
width: 300px;
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 = 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>
<br />
<div class="clear">
</div>
<div id="topbar">
<table border="1" bgcolor="FFFFFF">
<tr>
<td>
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7jPFqqC1s330rqJWqpRYw1-qR5DhliQezZdE3c6pZzOWOIzmtm0B31z9UNs2QPMHMgZ9BKHb-H-XDL2VUD5XNupjpIm8fOQgPp0nxNOQid3hpAtbz67pLB5Fjbq3hs366vN7oVhfc97ut/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">
Letakan Script/code Like Box fans page Anda di sini
</div>
</center></td>
</tr>
</table>
</div>
<!-- akhir -->
6.Simpan dan Lihat Hasilnya
Penting...!!!
Gantilah Letakan Script/code Like Box fans page Anda di sini dengan script Anda sendiri jika belum buat lihat
Cara Membuat Account di free-shoutbox.net lalu cara
Membuat Shoutbox Di free-shoutbox.net dan langkah terakhir Anda hanya tinggal
Memasang Shoutbox di Blogger
Selengkapnya :
http://masihinginbelajar.blogspot.com/2012/03/memasang-like-box-melayang-di-blog.html#ixzz1uqtqsCMf
Jika berkenan sertakan link sumber ini di postingan Anda.
Sebelumnya saya pernah menuliskan berbagai cara yang bisa digunakan untuk membantu meningkatkan kecepatan koneksi internet.
Cara-cara tersebut saya bagi menjadi dua kelompok, yaitu meningkatkan
koneksi internet tanpa menggunakan software alias cara manual dan cara
kedua dengan menggunakan bantuan software.
.jpg)