::

Navbar Bawah

Search This Blog

Friday 12 July 2013

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/AVvXsEig8QV0vLYZUOrz09AOHHvXvm-gW27x0DnwzSTt0pCefJHCVIJ8n3e6ajtvRD6u1ee_-mUOaI2UFs0IX9kL7uFCz5-wQBSrbT2KTkFlcc60eFoNrb_W9uOYmd1xj0zR1J_ibXfU9o3kVzg/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/bintauna&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://cyberbintauna.blogspot.com/2013/07/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...

 


Untuk berlangganan Artikel silahkan Masukkan email anda kemudian cek inbox email

DMCA.com

Author : Unknown

faceblog evolutions Setelah anda membaca artikel tentang Cara Membuat Like Box Facebook Tersembunyi di Sisi Blog jika bermanfaat, silahkan tekan tombol Share. Anda juga boleh menyalin / menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya :

Baca Juga:

Judul: Cara Membuat Like Box Facebook Tersembunyi di Sisi Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Unknown
klik disini untuk menambahkan komentar blogger

Terimakasih atas kunjungan Sobat pada artikel ini,dan jangan lupa untuk meninggalkan komentar sobat tentang artikel ini.

0   comments

"Komentar anda menunjukkan pribadi Anda".
Silahkan tinggalkan komentar bijak yang bersifat kesan/pesan/kritik dan saran terhadap postingan!

Cancel Reply