Halo sobat romantis-xp. kali ini saya riyan akan posting tentang cara pasang like box facebook
di blog, tapi like box yang saya postingkan adalah like box versi 2 yang keren
seperti yang ada di blog saya nich..!
Oke sob langsung aja gwe kasih tau caranya:
1.Login ke blogger sobat
2.Pilih Tata Letak > Tambahkan Gadget > Lalu pilih HTML/JavaScript
3.Lalu Masukan JavaScript dibawah ini:
<style type="text/css">
#gb{
position:fixed;
left:400px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:250px;
width:250px;
float:center;
cursor:pointer;
background:url('') no-repeat;
}
.gbcontent{
float:center;
border:1px solid #A5BD51;
background:#000000;
padding:1px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 25-w) : moveGB(25-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.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/curhat.tentang.kisah.cinta.mu&width=292&height=290&colorscheme=dark&show_faces=true&border_color&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>
<div style="text-align:center">
<a href="javascript:showHideGB()">
[Tutup]
<a href="http://romantis-xp.blogspot.com/2012/09/cara-terbaru-buat-like-box-facebook-keren.html" target="_blank">
Tekan Tombol Like
</a>
</a></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.top = (125-gb.offsetWidth).toString() + "px";
</script></div>
Keterangan: Tulisan berwarna MERAH diatas ganti dengan URL fanpage sobat
lalu klik SIMPAN truzz selesai deh..! Mudah kan
di blog, tapi like box yang saya postingkan adalah like box versi 2 yang keren
seperti yang ada di blog saya nich..!
Oke sob langsung aja gwe kasih tau caranya:
1.Login ke blogger sobat
2.Pilih Tata Letak > Tambahkan Gadget > Lalu pilih HTML/JavaScript
3.Lalu Masukan JavaScript dibawah ini:
<style type="text/css">
#gb{
position:fixed;
left:400px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:250px;
width:250px;
float:center;
cursor:pointer;
background:url('') no-repeat;
}
.gbcontent{
float:center;
border:1px solid #A5BD51;
background:#000000;
padding:1px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 25-w) : moveGB(25-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.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/curhat.tentang.kisah.cinta.mu&width=292&height=290&colorscheme=dark&show_faces=true&border_color&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>
<div style="text-align:center">
<a href="javascript:showHideGB()">
[Tutup]
<a href="http://romantis-xp.blogspot.com/2012/09/cara-terbaru-buat-like-box-facebook-keren.html" target="_blank">
Tekan Tombol Like
</a>
</a></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.top = (125-gb.offsetWidth).toString() + "px";
</script></div>
Keterangan: Tulisan berwarna MERAH diatas ganti dengan URL fanpage sobat
lalu klik SIMPAN truzz selesai deh..! Mudah kan
Info yg bermanfaat.
BalasHapusSalam sukses selalu gan...