[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 s...

-[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...

COMMENTS

BLOGGER: 1
Loading...

Nama

Artikel,66,Cerita singkat,82,Java,12,SEO,15,Tahukah sobat??,21,Tips dan Trik,15,Tips.....n' Trick.....,14,Tutorial,20,Tutorial Blogger,50,
ltr
item
Blog Salman Syuhada: [Tutorial] Cara Membuat Kotak Facebook Tersembunyi dan Auto Hidden
[Tutorial] Cara Membuat Kotak Facebook Tersembunyi dan Auto Hidden
http://4.bp.blogspot.com/-MyCuNMO9BM4/T4jmSorws-I/AAAAAAAAAxA/q-pAGnWBK_0/s200/Untitled-1.jpg
http://4.bp.blogspot.com/-MyCuNMO9BM4/T4jmSorws-I/AAAAAAAAAxA/q-pAGnWBK_0/s72-c/Untitled-1.jpg
Blog Salman Syuhada
http://blog.salmansyuhada.com/2012/08/cara-membuat-kotak-facebook-tersembunyi.html
http://blog.salmansyuhada.com/
http://blog.salmansyuhada.com/
http://blog.salmansyuhada.com/2012/08/cara-membuat-kotak-facebook-tersembunyi.html
true
5369818979434965955
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy