To make a facebook position on the right as an example in the picture on the side is very easy. And I will give you an example html so easy to make it.
Everyone wants to enhance own website pages, especially own blog page.
all right ... we start.
First time you need to do is:
1. Copy html code here ...
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<style type='text/css'>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgthQczJMhxRzbipPQ4uipSCEsytEX1yHzr0gNRdpPFLLNQX0BGBy_TUCKRqKV6cERcKQg5w68pJ-zRLA1Ir3LdATgBRjkwuUxHOKSVTmEcUMvmfuvt665oO2tXkHMnscS2SbfqrngDqVc/s1600/Facebook.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #fff;
background:#FFF;
padding:10px;
}
</style>
<script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id='gb'>
<div class='gbtab' onclick='showHideGB()'> </div>
<div class='gbcontent'>
### paste facebook Html Code Here ###
<div style='text-align:right'>
<a href='javascript:showHideGB()'>
[close]
</a>
</div>
</div>
</div>
<script type='text/javascript'>
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Everyone wants to enhance own website pages, especially own blog page.
all right ... we start.
First time you need to do is:
1. Copy html code here ...
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<style type='text/css'>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgthQczJMhxRzbipPQ4uipSCEsytEX1yHzr0gNRdpPFLLNQX0BGBy_TUCKRqKV6cERcKQg5w68pJ-zRLA1Ir3LdATgBRjkwuUxHOKSVTmEcUMvmfuvt665oO2tXkHMnscS2SbfqrngDqVc/s1600/Facebook.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #fff;
background:#FFF;
padding:10px;
}
</style>
<script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id='gb'>
<div class='gbtab' onclick='showHideGB()'> </div>
<div class='gbcontent'>
### paste facebook Html Code Here ###
<div style='text-align:right'>
<a href='javascript:showHideGB()'>
[close]
</a>
</div>
</div>
</div>
<script type='text/javascript'>
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
2. Clik Design besite Settings and clik Edit Html and after tip Expand Widget Templates
3. Fine <head> and paste code just below <head>
4. Clik Save Template
If you got troble please leave msg and send to Email servis.teamblogger@gmail.com
3. Fine <head> and paste code just below <head>
4. Clik Save Template
If you got troble please leave msg and send to Email servis.teamblogger@gmail.com
|
|
