Membuat Kotak Facebook Tersembunyi

Jika blog anda ingin kelihatan lebih "cantik" atau lebih "keren" seperti pada Dhecun Blog maka anda dapat menggunakan kotak facebook yang terus berada pada sisi kanan layar.
Untuk tampilannya seperti pada gambar diatas , jika gambar yang bertuliskan facebook disentuh oleh kursor mouse maka kotak yang tersembunyi disampaingnya akan muncul seperti pada gambar dibawah ini :
Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan tombol Ctrl+F
6. Cari kode </head>
7. Masukkan script dibawah ini tepat diatas kode </head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>
8. Klik simpan template
9. Kemudian pilih Tata Letak >> Tambah Gadget >> HTML/JavaScript
10. Masukkan script dibawah ini
11. Klik simpan
<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/AVvXsEg7Q8ODuineWlditji1_U-HKGQo5sXAorBaJ9-YgtDrnFbMiVrd-IjUYUH1uoj2RjDgqH4Apk7ynsJ7gaorGqxrGVYHwpC4kKPcVmm1HHv9QigYplzpwt722VUGl_UqwztosHGVsuomtIc/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/dhecun.blog&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://dhecun.blogspot.com/2012/12/membuat-kotak-facebook-tersembunyi.html" target="_blank">[ Get Widget ]</a></span></div></div>
Catatan :
Ganti tulisan yang berwarna merah dengan URL fans page anda.

Semoga bermanfaat...!!!


Subscribe

1 Komentar Blogger
Komentar Facebook

1 komentar:

December 3, 2012 at 6:25 AM

Widget ini wajib dimilik oleh para blogger karena para blogger sudah tau kan siapa seh yg tidak tau facebook maka segera promosikan halaman facebook anda agar terkenal ke seluruh dunia hehehe :)

Pasang Widget Otomatis



Submit Web / Blog Ke 20+ Search Engines

Cek Ukuran dan Kecepatan Loading Blog / Web

Update Artikel Dhecun Blog

Berlangganan Artikel Gratis Lewat Email













Selasa, 08 April, 2025



Space Iklan

Kategori pasang iklan

Iklan Sponsor 1

About Me

Contact

Rekomendasi

Follow

RSS feeds

Widget Populer

Share

Tukar Link

Traffic

Semua Artikel

10 Artikel Terbaru






Masukkan email anda

untuk berlangganan artikel




Dhecun Blog

Followers





 
Loading...