Home Owner Tutobies EXCHANGE TIPS/INFO

Saturday, 24 January 2015

Tutorial Facebook Fanpage like me

Assalamualaikum semua!Lamanya tak update blog.So kali ni saya datang dengan tutorial lagi.pheww~~Maaf sebab lama tak update since sekolah bermula.This tutorial asked by Eyah

Facebook fanpage?apa benda?ni haa
Macam tu haa.I will try to  make this tutorial as easy as possible!

1.Korang kena ada facebook page dulu.Kalau dah buat,bagus!
2.Dashboard-> Layout--> Add a Gadget --> HTML Javascript
3.Copy this code and paste!
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-270"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("URL GAMBAR") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:30%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe></div></div>
MERAH : url atau link gambar yang korang suka!
UNGU : url/link facebook page anda.ambil dengan nombor nombor tu sekali(WAJIB)
JINGGA : adjust ikut kesesuaian :)

Siap!Thanks for using my tutorial.Eh eh kejap! Preview dulu,kalau takde error save terus :D

p:s From now on I will try to update twice in a month.For next month,I'll post about info and some of my personal life.Stay tune guys! xoxo

7 comments:

  1. Terima kasih atas tutorial diatas tapi blog saya jenis blogskin so tak menjadi T_T Ada tak tutorial untuk blogskin? T_T maaf kalau menyusahkan. Huwaa T_T

    ReplyDelete
    Replies
    1. Eyah cuba paste kode tadi dekat bawah code head

      Delete
  2. nak repost kat blog saya bolehh ? :) nanti saya credit ^_^

    ReplyDelete

Budi bahasa,budaya kita :)