Cara Memasang Fanspage Melayang di Samping Kanan Blog

Oleh Chairil Kaka

Sunday, 30 September 2012

Bagikan :

Tweet

salam sukses paling tokcer visitor kali ini saya akan membahas tentang bagaimana cara memasang fans page facebook melayang di samping kanan blog. oc sebelum kita membahas perlu kita ketahui apa tujuan fans page ialah sebagai sarana kita untuk berbagi tautan di page kita secara otomatis yang berguna sebagai iklan gratis bagi yang telah menglike halaman kita tersebut.tapi ingat sob sebelum kita mulai kita harus mempunyai Facebook Fans Page terlebih dahulu

hasil yang akan anda dapatkan adalah seperti gedged samping kanan blog saya.

lansung ikutin ja tutorial berikut ini:
LAHKAH PERTAMA

• masuk ke BLOGGER
• klik Template-Edit HTML-lanjutkan-Expand Template Widget
• cari kode  </head>  (gunakan Ctrl+f untuk cara cepat menemukannya) setelah ketemu pastekan kode di bawah ini tepat di bawah kode  </head>  tadi: 

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

• klik simpan template

LANGKAH KEDUA

• langkah selanjutnya yaitu buka Tata Letak
• Add  Gedged
• pilih HTML/javascript
• copy kode di bawah ini dan pastekan didalam kolom HTML/javascript tadi:
• <script type="text/javascript">
  //<!--
  $(document).ready(function() {$(".sektimlikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
  //-->
  </script>
  <style type="text/css">
  .sektimlikebox{background: url("http://www.talesoftalisman.com/2012/images/fb110.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:200px;}
  .sektimlikebox div{border:none;position:relative;display:block;}
  .sektimlikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
  .sektimlikebox span a{color: #808080;text-decoration:none;}
  .sektimlikebox span a:hover{text-decoration:underline;}
  </style><div class="sektimlikebox" style=""><div>
  
  <iframe src="//www.facebook.com/plugins/likebox.php?href=URL-Facebook anda disini&amp;width=245&amp;height=330&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=FFFFFF&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="background:#FFF; border:none; overflow:hidden; width:245px; height:330px;" allowtransparency="true" ></iframe><span><a href="http://palingtokcer.blogspot.com/2012/09/cara-memasang-fans-page-melayang-di.html" target="_blank">Mau widget ini?</a></span></div></div>

• ganti tulisan berwarna merah dengan alamat url halaman facebook anda contoh https://www.facebook.com/pages/Paling-tokcer/117245008421522
• selesai

Tag : Tutorial Blogger