Widget Likebox Facebook Melayang dengan Tombol

Share this article on :

Kali ini admin akan berbagi widget yang cukup digemari oleh para blogger yaitu Likebox Facebook. Tetapi likebox admin bagikan ini beda lho sobat, saat pengnujung mengklik ikon fb maka likebox fb akan keluar dan jika diklik sekali lagi maka likebox fb akan tertutup. Gimana sob, keren bukan? dan cara memasangnya pun sangat mudah karena sobat tidak perlu mengutak-ngatik kode HTML blog sobat. Ok sob, berikut tutorialnya.


1. Pertama-tama login dulu ke blog anda
2. Dashboard → Layout → add a gadget → pilih HTML/JavaScript
3. Masukkan kode dibawah ini



<style type="text/css">

#at{

position:fixed;

right:450px;

z-index:+1000;

}

* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #999;
background: #ffffff;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
-moz-box-shadow: 0px 2px 5px 0px #f8f9b9;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="left">
<div style="background:#ffffff;">
 <iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/hacksevenseven&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
 </div>
</div>
<div align="right"><b>Get this widget <a href=”http://hacksevenseven.blogspot.com/2013/06/widget-likebox-facebook-melayang-dengan.html”/>here!</a></b><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://lh4.googleusercontent.com/-SaNmtzk9nSY/T8XGcDEquhI/AAAAAAAAA5k/GRU1g6Pc7U0/s128/Close-32.png" height=”20” alt="close" title="Click here to Close Box" /></a></div>
</div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
<div style='display:scroll; position:fixed; top:50%; left:0px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://i1307.photobucket.com/albums/s599/Ndazrsullivan/icon2_zps37e988c1.png"  /></a>
</div>

→ #ffffff : silahkan sobat ganti warna backgroundnya dengan warna yang sobat suka

→ http://www.facebook.com/hacksevenseven : Silahkan diganti dengan url fanpage facebook sobat



TAG : Widget likebox facebook melayang dengan tombol, Widget likebox fanpage melayang dengan tombol, widget likebox facebook dengan tombol minimize dan maximize, likebox fb melayang, likebox fb keren, widget likebox fanpage.

Related Post

Ditulis Oleh : nanda zulvi rahman

Nanda Zulvi Rahman Artikel Widget Likebox Facebook Melayang dengan Tombol ini ditulis oleh nanda zulvi rahman pada hari Thursday, June 20, 2013 pukul 9:41 PM. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Widget Likebox Facebook Melayang dengan Tombol dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Sobat yang ingin mengcopy paste atau menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya

7 comments on Widget Likebox Facebook Melayang dengan Tombol :

Riio Vanillavanka said... Reply comment Thursday, 20 June, 2013

Hmmm... kira-kira loadingnya berat gak yaa gan kalo pasang widget ini???
Coz blog ane udah lumayan berat...

nanda zulvi rahman said... Reply comment Friday, 21 June, 2013

@Riio Vanillavanka_Widget ini g berat kq sob,, lihat aja contohnya di blog ini..

info aneh said... Reply comment Friday, 21 June, 2013

keren sob, emang udah banyak blogger yang masang widet ini, kalo ane mah nanti aja deh, hehe :)

komen balik ya juragan, makasih :)

tips aneh said... Reply comment Friday, 21 June, 2013

tapi kalo menurut ane agak mengganggu penampilan juga sih sob, tapi bermanfaat sih, jadi bingung nih mau dipasang ato enggak, hehe :)

salam kenal, komen balik ya juragan :) makasih

nanda zulvi rahman said... Reply comment Friday, 21 June, 2013

@info anehsiip gan :)

nanda zulvi rahman said... Reply comment Friday, 21 June, 2013

@tips anehhehehe.. :)

NATALIA SHOP said... Reply comment Tuesday, 30 July, 2013

BURUAN BELANJA DI NATALIA SHOP DAPATKAN HARGA PROMO TERPERCAYA DI SELURU INDONESIA BEBAS RESIKO-BEBAS PENIPUA
BERMINAT HUB-SMS:0857-1721-2287 ATAU KLIK WEBSET RESMI KAMI
http://www.natalia-shop7.blogspot.com/
DIJUAL

BLACKBERRY
Asli Buatan Canada

Ready Stock !
BlackBerry 9380 Orlando - Black
Rp.900.000,-

Ready Stock !
BlackBerry Curve 8520 Gemini
Rp.500.000,-

Ready Stock !
BlackBerry Bold 9780 Onyx 2
Rp.800.000,-

Ready Stock !
Blackberry Curve 9320
Rp.700.000,-

Ready Stock !
BlackBerry Bold 9900 Dakota
Rp.1.500.000,

Ready Stock !
Blackberry Torch 9800
Rp.1.200.000,

Ready Stock !
Blackberry bellagio 9790
Rp.1.100.000

Ready Stock !
BlackBerry Curve 9220 Davis
Rp.650.000,-

Ready Stock !
BlackBerry Torch 2 9810 Jennings
Rp. 1.350.000,-

Ready Stock !
BlackBerry Curve 9360 Apollo
Rp.950.000,-

Ready Stock !
Blackberry Monza 9860
Rp.1.400.000,-

Ready Stock !
Blackberry Keppler 9300 Curve 3G
Rp.700.000,-

SAMSUNG
Asli Buatan Korea

Ready Stock !
Samsung L9100 Galaxy S2 - Black
Rp. 1.000.000,-

Ready Stock !
Samsung Galaxy Tab 8.9, 16GB - Pure Whit
Rp. 1.600.000,-

Ready Stock !
Samsung Galaxy Tab 7.7 Super AMOLED Plus
Rp.1.500,000

Ready Stock !
Samsung Galaxy Note N7000 - Black
Rp. 1.700.000

Ready Stock !
Samsung Galaxy Tab 2 (7.0)
Rp. 1.000.000

Ready Stock !
Samsung Galaxy Nexus I9250 - Titanium Si
Rp.1.500.000,-

Ready Stock !
Samsung Galaxy Note N7000 - Pink
Rp.1.700.000

Ready Stock !
Samsung Galaxy Y S5360 GSM - Pure White
Rp.500.000,-

Ready Stock !
Samsung Galaxy Tab 7.0 Plus
Rp. 1.000.000.

Jangan malu untuk meninggalkan komentar, kritik dan saran anda. berkomentarlah dengan baik, sopan, sesuai dgn isi postingan dan dengan bahasa Indonesia yang benar. No link aktif. no spam!

 

Recent Comment

:: Get this Widget here! ::

Friends Link

YOU'RE NEXT HERE!
Mau link anda dipasang disini juga? lihat persyaratan tukar link disini

SITE INFO


JOIN US ON FACEBOOK AND GET UPDATE! close

Get this widgethere