AryandaShare: Cara Memasang Fans Page Facebook Di Blog

Cara Memasang Fans Page Facebook Di Blog

1. Login ke akun blog Anda

2. Pilih Tata Letak

3. Kemudian Klik Tambahkan Gadget => Pilih HTML/javascript.

4. Copy Kode di bawah ini dan pastekan di HTML/javascript tadi. kemudian simpan/save !!!

<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute;
bottom:-1000px;
left:50%;
margin:0px 0px 130px -182px;
width:auto;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
    #kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script src='http://tugasku4u.googlecode.com/files/tombol-close-menu.js'/></script>
<div id='kotak-facebook'>
<font size="3"><b>Bantu Like Dong Sobat... ^_^</b></font size>
<br/>
<div class="fb-like-box" data-href="http://www.facebook.com/ar.hukoem" data-width="292" data-height="250" data-show-faces="true" data-stream="false" data-header="false">
</div>
<a class='close' href='#'>×</a></div>

Keterangan:

#FFFFFF = ganti dengan warna background yang Anda sukai

Bantu Like Dong Sobat... ^_^ = ganti dengan kata-kata yang Anda sukai

http://www.facebook.com/ar.hukoem = ganti dengan URL Fanspage sobat.

5. Simpan, kemudian pilih Template, Edit Template

6. Cari kode <body> Setelah dapat, copy dan letakkan kode di bawah ini tepat di bawah kode <body>

Keterangan:

Kode di atas ditambah jika Anda belum memasang Fanspage pada sidebar blog Anda.

Jika ada yang kurang dimengerti, silahkan berkomentar di blog ini....

8. Simpan template Anda, Selesai...

Tidak ada komentar:

Posting Komentar