Cara Membuat Efek FansPage Like Box Light Color Di Blogspot
* login dulu blog mu
* pilih tata letak
* tambahkan gadget
* HTML/Javascript
* Copy kode dibawah dan letakkan ke dalam HTML/Javascript
<div class="facebookOuter">
<div class="facebookInner">
<div class="fb-like-box"
data-width="645" data-height="290"
data-href="http://www.facebook.com/New-Trick-Tips-542809662487405/?ref=bookmarks"
data-border-color="#FFEAB4" data-show-faces="true"
data-stream="false" data-header="false">
</div>
</div>
</div>
<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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<style>
.facebookOuter {
padding:10px;
border:5px inset ;
border-color:#00FF11;
height:220px;
width:500px; background:#FFEAB4;
transition: background-color .777s;
-webkit-transition: background-color .777s;
-moz-transition: background-color .777s;
-o-transition: background-color .777s;
-ms-transition: background-color .777s;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
}
.facebookInner {
overflow:hidden;
height:250px;
}
.facebookOuter:hover {
background:#FFF1CE;
border-color:#000000;
}
</style>
{ catatan }Ganti warna merah dengan url fanspage mu
* Silahkan di save / simpan
### GOOD LUCK ###
Baca Juga Artikel Terkait Lainnya