Cara Membuat Facebook Floating Fan Page Di blog

Posted by : Mangahendra Friday, June 15, 2012

facebook floating fan page adalah widget khusus fan page website anda yang akan terpasang di sebelah kanan blog anda. widget ini sangat berarti untuk membuat blog anda terkenal di "social network".jika kalian ingin blog anda terkenal. lihat disini. eiitsss, "DON'T FORGET RAISE YOUR SMILE FOR MY BLOG BY CLICK ONE OF THREE SHARE BUTTON"








  1. Silakan login ke akun blog Anda.
  2. Pada halaman dasbor akun blog, silakan klik nama blog Anda.
  3. Kemudian pada halaman overview blog Anda, silakan pilih template-edit HTML-Prossed-expand widget template.
  4. Selanjutnya silakan cari kode ]]></b:skin>.
  5. Kalau sudah ketemu kodenya, silakan copy dan paste kode di bawah ini pas di bawah kode ]]></b:skin>
    6. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
  6. Selanjutnya silakan simpan template blog Anda dan tutup juga halaman edit HTML-nya.
  7. Kemudian silakan pilih lagi layout, lalu pilih dan klik Add Gadget pada posisi mana saja.
  8. Setelah muncul windows Add Gadget Blogger, silakan pilih HTML/JavaScript dengan cara klik tombol plus [+] yang ada disebelah kanannya.
  9. Langkah selanjutnya, silakan copy kode di bawah ini dan paste pada bagian content.
         <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .likebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv6oRy1s5WhHTVShvp77RhSCkTmag9YEV-KgnIfdv_jkKTHzNF3QM3qEjX_78xlYCvMlRlBF6HZpQTIILwuQ5mExX6fNKQfmFQ6jezeHpJyUsmEiueSw3FHVL2JpCWVX3TegsXHNMonMJk/s1600/fb.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed; right:-250px;top:44%;} .likebox div{border:none;position:relative;display:block;} .likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .likebox span a{color: gray;text-decoration:none;} .likebox span a:hover{text-decoration:underline;} </style> <div class="likebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Grand-D-BLOG-WEB/258466167594955 &amp;width=240&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 258px; width: 245px;background:#fff;"></iframe> </div> </div>


 NOTE : Untuk kode berwarna merah diganti dengan alamat fan page sahabat blogger
10. Setelah dipaste kodenya pada bagian content, jangan dulu disimpan kodenya tapi silakan ganti kode yang saya kasih warna merah dengan alamat atau URL halaman fan page facebook Anda. Setelah diganti kode yang berwarna merah, barulah disimpan kodenya.

{ 2 komentar... read them below or Comment }

Popular Post

Followers

Grand-D Friends

Guest Book

Grand-D. Powered by Blogger.

Grand-D Flag Counter

free counters

Followers & Friends

Grand-D Translate

Blog Archive

Grand-D Visitor

Ping your blog, website, or RSS feed for Free

- Copyright © 2013 Grand-D -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -