[Tutorial] Cara Membuat Kotak Facebook Tersembunyi dan Auto Hidden

-[Tutorial]  Cara Membuat Kotak Facebook Tersembunyi dan Auto Hidden.

Salam sobat blogger. Apa kabarnya neh... ?? semoga dalam keadaan sehat. Giman blognya?? udah makin mantapkan?? Yupts... untuk menambah aksesoris blog perlu ditambahkan juga kotak facebook. Nah... kebetulan pada kesempatan kali ini ana ingin berbagi mengenai Cara Membuat Kotak Facebook Tersembunyi dan Auto Hidden. contohnya dapat dilihat di blog ane ini.

Mengapa??
Sekarang pengguna Facebook sudah bertambah banyak. Tidak salah jika facebook berada peringkat nomer 1 sebagi situs yang sering dikunjungi. Dengan memanfaatkan itu, kita juga dapat mempromosikan update-an postingan blog di facebook. Untuk memudahkan pembaca dalam melihat postingan terbaru, bagi pengguna facebook dapat meng-add atau meng-like facebook sobat sehingga dapat meningkatkan pembaca blog juga.

Nah... agar lebih "cantik" atau lebih "keren" dapat menggunakan kotak facebook yang terus berada pada sisi kanan layar. Untuk tampilannya seperti gambar disamping atau langsung check pada blog ini.


Berminat?? caranya gampang, tinggal ikuti Cara Membuat Kotak Facebook Tersembunyi dan Auto Hidden dibawah ini :

1. Seperti biasa, Log in dahulu ke blogger.


2. Pergi ke edit HTML (jangan lupa untuk di centang dulu  dan letakkan kode dibawah ini di atas kode </head>.


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>


Lanjutkan dengan save template.

Note : Jika kode diatas telah ada dan digunakan. abaikan langkah no. 2

3.Langsung aja menuju TATA LETAK  » add gadget » HTML/Java Script.
4.Pastekan kode di bawah ini pada kolom yang sudah disediakan.


<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("http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/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= http://www.facebook.com/pages/Segenggam-Harapan/140527646058497&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://www.segenggam-harapan.com/2012/08/cara-membuat-kotak-facebook-tersembunyi.html" target="_blank">+ Get This</a></span></div></div>

 Keterangan :
  • Ganti kode yang berwarna biru dengan url fans page sobat.

5.Simpan perubahan.

Dan lihat hasilnya.... :-D

gimana?? berhasilkan?? kalau ada permasalahan dapat berkomentar pada postingan ini.
Demikian aja Cara Membuat Kotak Facebook Tersembunyi dan Auto Hidden.
Semoga bermanfaat,
Mohon maaf atas segala kesalahan.
Salam Sukses...

Share this

Related Posts

Previous
Next Post »

1 comments:

Write comments
Anonim
21 Oktober 2013 19.46 delete Komentar ini telah dihapus oleh administrator blog.
avatar

Berkomentar lah dengan yang sopan yang tidak mengandung unsur SARA, PORNOGRAFI, Dan TIDAK diperkenankan untuk PROMOSI selain Persetujuan dari ADMIN. Jika di lakukan, Maaf komentar akan DI HAPUS.

Untuk menggunakan Emoticon Komentar, Klik Emoticon yang akan di pasang. Akan muncul kode emoticonnya. Masukkan itu pada saat berkomentar. Terima Kasih
EmoticonEmoticon