Cara Membuat Floating Fans Page Facebook (Like Box) Pada Blog

Cara simple membuat  floating fans page (Like Box) pada Blog mempercantik facebook dengan efek keluar masuk yang ada pada trick yang satu ini.

Biasanya widget yang satu ini di letakkan pada sidebar kini widget ini akan saya pasang pada pojok kanan bawah dan bergerak keluar masuk/terapung (floating) di sisi tersebut..!!
efek ini akan bekerja ketika scroll pada browser yang kita gunakan mulai ke halaman blog yang paling bawah, cara ini sangat menarik jika di pasang pada sebuah blog, apalagi untuk para pengunjung,, pastinya akan memberikan efek positif untuk blog kita,,
Contoh : pengunjung mengunjungi BLOG kita dan mereka tertarik dengan floating fanspage yang di pasang pada blog, nah pada saat itu siapa tau mereka tertarik untuk menyukai blog tersebut,,
Hemm....!!
apa salahnya di coba...
jika kamu mau mencobanya silahkan aja ikutin cara berikut ini ::

Langkah - langkah  membuat Floating fans page (Like Box) pada Blog 

1. Login ke Blogger sobat
2. Masuk pada Tata letak > Tambah Gatget > pilih HTML/JavaScript
3. Copas kode di bawah ini pada kolom konten HTML

<script src="http://ojel88.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script> <div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: url(" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg28tpu3WYf2v2pGUFWucbUW10a3_PF2T-rdPrN7aiQaekGxU3k0ShL1XqXnRHUk4F_7e6rVn-7riG8YwDWMjGjKWF-0WMD9SC0taeEVhJF7zi69fhd7qeyQzCEVYWK8Hewpkezt5dbm9ti/s1600/bot.png") repeat scroll 0% 0% transparent; -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17; border: 1px solid rgb(255, 51, 0); display: block;"> <div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;"> <a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 2px; border: 0px solid rgb(204, 204, 204); text-decoration: none; font-size: 11px; font-family: Agency FB,Geneva,sans-serif;" href="#"><button>close</button></a> <iframe scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:212px;" allowtransparency="false" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTempat-Berbagi-Berita-Tips-Trik%2F143991369042677&width=292&colorscheme=light&show_faces=true&border_color&stream=false&header=true&height=212"></iframe> <span style="font-size: x-small;">Mau widged ini? : <a href="http://adf.ly/7SUfM" target="_blank" title="Blogriefs"><b><span style="color: red;">Get this widget</span></b></a></span> </div></div>

     4.  Ganti Text yang berwarna merah dengan no ID fanspage sobat.

href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FOopzShootz%2F143991369042677

     5.  Kemudian Simpan
     6.  Lihat Hasil

Semoga bermanfaat...
source

Share :

Tweet

More

Related Post