- Log In Blogger Anda
- Dasbor Blogger
- Edit HTML
- Centang Expand Widget Template
- Cari kode <body> (agar cepat gunakan CTRL+F)
- Copy paste kode di bawah ini tepat setelah kode <body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
7. Simpan Template >> Tata Letak >> Add Gadget >> HTML / JavaScript >> Copy paste kode di bawah ini di kotak yang tepat berada di bawah kotak judul.>> Simpan
<!-- 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/AVvXsEhWWzCCbK15EkleZwuJgWqh3YRFbjDbCDRzobeL3op_-wEVVSPqs_7wndHlNSHYYQWkCg7k3h38QeTdwnIBKM89F4eu_GPkTCsvQZqU0zSMkuw3CSDmGxrgQlTbnqYKpiKXRAjeJ3bmx8rh/s1600/close3.png" /></a><blink>Klik Like yah..?</blink></div>
<center>
<div style="background: #fff;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/ibt.salampromosi&width=260&height=290&colorscheme=light&show_faces=true&border_color=grey&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:290px;" allowtransparency="true"></iframe>
</div>
</center></td>
</tr>
</table>
</div>
<!-- akhir -->
<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/AVvXsEhWWzCCbK15EkleZwuJgWqh3YRFbjDbCDRzobeL3op_-wEVVSPqs_7wndHlNSHYYQWkCg7k3h38QeTdwnIBKM89F4eu_GPkTCsvQZqU0zSMkuw3CSDmGxrgQlTbnqYKpiKXRAjeJ3bmx8rh/s1600/close3.png" /></a><blink>Klik Like yah..?</blink></div>
<center>
<div style="background: #fff;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/ibt.salampromosi&width=260&height=290&colorscheme=light&show_faces=true&border_color=grey&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:290px;" allowtransparency="true"></iframe>
</div>
</center></td>
</tr>
</table>
</div>
<!-- akhir -->
Keterangan : Tulisan Berwarna Merah ganti dengan URL Fanspage kalian , Tulisan Berwarna Biru ganti kata-kata sesuka kalian.
Klik Jika Artikel Di Atas Menarik..
Terima kasih karena anda telah membaca artikel yang ditulis oleh Marchel Hadi Saputra mengenai "Cara Membuat Facebook Like Box Melayang" dengan URL https://salampromosi.blogspot.com/2012/12/cara-membuat-facebook-like-box-melayang.html . Silakan jika berkenan kunjungan baliknya ditunggu.
==============================================================
Related Post:
Tips and trik
- Cara Mengetahui Keberadaan Orang Dengan Nomor HP
- Penyebab Blog Sepi Pengunjung
- Cara Menggati Header Judul Blog Dengan Gambar Melalui HTML
- Cara Membuat Kotak Komentar Admin Berbeda Dari Yang Lain
- Download Skin Untuk Counter Strike 1.6
- Hal - Hal Yang Penting Dalam Dunia Blogger
- Cara Membuat Blog Menjadi Dofollow
- Cara Mengetahui Blogger Yang Ada di Sekitar Kita
- Cara Membuat Tanda Tangan di Blog
- Cheat Ninja Saga Update Desember 2012
- Trik Agar Data Folder dan Flashdisk Tidak Bisa di Copy
- Cheat Cross Fire Update Desember 2012
- Tips Merawat Flashdisk Agar Tetap Awet
- Download Cheat AyoDance Hack Simple 7 , 8 , 9 Desember 2012
- Trik Internet Gratis Telkomsel 30 Novmber 2012
- Trik Internet Gratis Telkomsel 25 November 2012
- Trik Internet Gratis 3 AON 24 , 25 , 26 , 27 November 2012
- Trik Internet Gratis XL 24 November 2012
- Trik Internet Gratis XL 19 November 2012
- Stop Copy-Paste di Dunia Blog
- Cara Membuat BlogRoll di Blog
- Trik Internet Gratis Smartfren Oktober 2012
- Tips Memilih Warna Cat Dinding
- Trik Bermain PES 2012
Knowledge
- Cara Mengetahui Keberadaan Orang Dengan Nomor HP
- Penyebab Blog Sepi Pengunjung
- Baca Online Komik Naruto Episode 615 Bahasa Indonesia
- Tahun Baru
- Cara Menggati Header Judul Blog Dengan Gambar Melalui HTML
- Kumpulan Ucapan Tahun Baru 2013
- Hal - Hal Yang Penting Dalam Dunia Blogger
- Tentang Hari Ibu
- Ramalan Suku Maya Tak Berarti Akhir Dunia
- Cara Membuat Blog Menjadi Dofollow
- Cara Mengetahui Blogger Yang Ada di Sekitar Kita
- Daftar Isi
- Exchange Link
- About Me
- Tips Memilih Warna Cat Dinding
- Trik Bermain PES 2012
Tips and Trik Blogger
- Penyebab Blog Sepi Pengunjung
- Cara Menggati Header Judul Blog Dengan Gambar Melalui HTML
- Cara Membuat Kotak Komentar Admin Berbeda Dari Yang Lain
- Hal - Hal Yang Penting Dalam Dunia Blogger
- Cara Membuat Blog Menjadi Dofollow
- Cara Mengetahui Blogger Yang Ada di Sekitar Kita
- Cara Membuat Tanda Tangan di Blog
- Trik Agar Data Folder dan Flashdisk Tidak Bisa di Copy
- Cheat Cross Fire Update Desember 2012
- Tips Merawat Flashdisk Agar Tetap Awet
- Stop Copy-Paste di Dunia Blog
- Cara Membuat BlogRoll di Blog
LETAKKAN KODE DI SINI UNTUK WIDGET TERBAGI DUA DI BAWAH POSTINGAN ..
LETAKKAN KODE DI SINI UNTUK WIDGET TERBAGI DUA DI BAWAH POSTINGAN ..
ngaih juga pake gan..
BalasHapuszhmiepallace.blogspot.com
wah ini yang ane cari cari gan.
BalasHapusthanks
Jangan Lupa Klik Disini
ya , sama-sama gann
Hapuswah makasi ni tutornya :D
BalasHapussama-sama gan
Hapusizin Bookmark gan ..xP
BalasHapusMantap artikelnya
Mantap postingannya,
BalasHapusmau tanya itu harus punya fan page kan
Selamat Tahun Baru 2013, Salam Sejahtera, Salam Sehat Selalu dari Member Republik Blogger Nusantara (Muhammad fernanda raihan fadlika)
Kalo profil kalian mungkin juga bisa... coba aja ganti URLnya dgn profil kalian, ane juga blm pernah nyoba sihh...
Hapus