Posted by : Unknown Kamis, 28 Februari 2013

Cara Membuat Like Box Facebook Tersembunyi di Sisi Blog - Cara Memasang Like Box Facebook Tersembunyi di Sisi Blog atau Cara Bikin Like Box Facebook Tersembunyi di Sisi Blog atau Cara Buat Like Box Facebook Tersembunyi di Sisi Blog.

Cara Membuat Like Box Facebook Tersembunyi di Sisi Blog

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/AVvXsEgp9CVKap6u2lWuXzPEkptlFIUsV9JTqT6IBPmhEZI4hjGdwFsxBekmg-fUSG4ZUxgNUEfjKdqGn6U4_xqLMlUN08BZ3u8kW1vq3IWstUQK9g7rLAD6S3i06zm1OKgPkCBdKYZEUwYXp1s/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/Hilbram-Kurnia-Blogs-Tutorial/174902335983540&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;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...

Description: Cara Membuat Like Box Facebook Tersembunyi di Sisi Blog
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Membuat Like Box Facebook Tersembunyi di Sisi Blog

Leave a Reply

Monggo Tinggalkan Jejak Kaks :)

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Popular Post

Labels

Arsip Blog

Followers

- Copyright © 2013 shad0w-share | Designed by Johanes Djogan -