Jumat, 04 Januari 2013

Cara Membuat Fans Page Facebook Melayang Tombol Close di Blog

2 komentar
1.  *Masuk ke Dashboard Blog Lo bro
     *Pilih Rancangan
     *Edit Tata Letak
     *Add Gadget 
     *Pilih HTML/Javascripts 
     * Pastekan Kode yang Kamu copy tadi.

 
 2. silahkan copy paste kode dibawah ini bro lalu ikuti langkah 1.
======================================================================




<!-- FB melayang tombol close ala RaxterBlog awal --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:50%;
margin:0px 0px 0px -182px;
width:auto;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 10px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #800000; background-color:#000; font:normal 1em Cambria,Georgia,Serif;
color:#800000;
-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:#800000;
border:2px solid #333;
-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://raxterblog.googlecode.com/files/tombolclosemenu.js'/></script>
<div id='kotak-facebook'>
Klik Suka/Like :D
<br/>
<!-- Mulai --!>


<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumai-sitesblogspotcom%2F355731497818137&amp;width=310&amp;height=280&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true' style='border:none; overflow:hidden; width:310px; height:280px;'/></iframe>

<!-- Selesai deh bro--!>
<a class='close' href='#'>&times;</a></div>
<!-- FB melayang tombol close ala RaxterBlog akhir --!>




===============================================================
Untuk Tulisan yg berwarna Pink , silahkan Kamu ganti dengan Kode Html Fans Page Facebook Kamu, Untuk yg belum tau Cara membuat Fans Page silahkan Baca dulu Ya..
Kunjungi Link Berikut ini =>> Cara Membuat Fans Page Facebook di Blog.


3.Simpan, Dan Lihat Hasil nya :D


Lihat Demo Nya :D  <<= Klik Link



2 Responses so far

  1. keren dan mantaf gan

  2. nice, sob ,,,
    ,,,,,,,,,,thanks info ny,,,
    kalau ada waktu mampir ke blog aq gan di :

    ,,> yantoevolutionz.blogspot.com <,,

Leave a Reply