Hallo sobat blogger! Bagaimana keadaan kamu-kamu disana? Semoga semua hal baik dan rukun. Pada kesempatan saya kali ini saya akan share tutorial Facebook yang patut kita terapkan pada blog kita, yaitu Memasang Like Box Facebook di Samping Layar Blog. Cara ini bisa di kategorikan mempromosikan suatu fanspage lewat web atau blog. Khususnya untuk fanspage blog itu sendiri, tujuan utama yang penting adalah membuat fanspage facebook suatu blog akan mendapatkan like tanpa promosi dari suatu website ke website lainnya. Apalagi dilengkapi dengan icon Facebook yang terkesan efektif dan fungsi roll jika kita sentuh. Berikut Memasang Like Box Facebook di Samping Layar Blog:
1. Login ke akun Blogger kamu.
2. Pilih Tata Letak > Tambah Gadget > HTML/JavaScript.
3. Copas kode berikut, dan taruh di box HTML/JavaScript.
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW4l6aoFKM5_oQM5tb1TBeEJM2Ow-KxD19ORX5whTpk3OxMYK7vbNu9mUA8W3u0F-DattM8-hoZ4siLdAD7o2iU3SYvBzLv7IAHa7la_7MkLxjtJlvlhVbwcxvxxT2tMh7bRoF1eRm0AU/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;
}
.floatinglikebox div{
border:none;position:relative;display:block;
}
.floatinglikebox span{
bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;
}
.floatinglikebox span a{
color: #808080;text-decoration:none;
}
.floatinglikebox span a:hover{
text-decoration:underline;
}
</style>
<div class="floatinglikebox" style="">
<div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/luvutoo-Blogs-Tutorial/174902335983540&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://hilbramkurnia3.blogspot.com/2013/02/cara-membuat-like-box-facebook-tersembunyi-di-sisi-blog.html" target="_blank">.:Get Widget:.</a>
</span>
</div>
</div>
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW4l6aoFKM5_oQM5tb1TBeEJM2Ow-KxD19ORX5whTpk3OxMYK7vbNu9mUA8W3u0F-DattM8-hoZ4siLdAD7o2iU3SYvBzLv7IAHa7la_7MkLxjtJlvlhVbwcxvxxT2tMh7bRoF1eRm0AU/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;
}
.floatinglikebox div{
border:none;position:relative;display:block;
}
.floatinglikebox span{
bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;
}
.floatinglikebox span a{
color: #808080;text-decoration:none;
}
.floatinglikebox span a:hover{
text-decoration:underline;
}
</style>
<div class="floatinglikebox" style="">
<div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/luvutoo-Blogs-Tutorial/174902335983540&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://hilbramkurnia3.blogspot.com/2013/02/cara-membuat-like-box-facebook-tersembunyi-di-sisi-blog.html" target="_blank">.:Get Widget:.</a>
</span>
</div>
</div>
*Keterangan: Ganti kode yang berwarna merah, dengan URL fanspage Facebook kamu.
4. Setelah itu, klik Simpan...
Semoga dengan adanya artikel ini bisa membuat fanspage Facebook kamu lebih banyak like dengan adanya widget like box Facebook ini. Semoga Bermanfaat.
4. Setelah itu, klik Simpan...
Semoga dengan adanya artikel ini bisa membuat fanspage Facebook kamu lebih banyak like dengan adanya widget like box Facebook ini. Semoga Bermanfaat.
