Minggu, 14 Oktober 2012

Cara Membuat Fans Page Facebook Melayang Tombol Close di Blog

Cara membuat Fans Page Facebook Melayang Tombol Close adalah cara yang tepat untuk mempercantik blog lo pada bro, sebelumnya gua udah pernah Share tentang :
Cara Membuat Menu Auto Hidden yg dapat juga menjadi Fans Page Auto Hidden, ya Tinggal Masukkkan Kode Html Fans Page lo aja bro, tapi tips blogging yg sekarang tidak kalah keren bro dan tidak terlalu lelet lah bro karena ada sedikit kode yg gua kompres oke bro, lebih jelasnya bro perhatikan gambar berikut :





1.  >> Masuk ke Dashboard Blog Lo bro 
     >> Pilih Rancangan 
      >> Edit Tata Letak 
      >> Add Gadget  
     >> Pilih HTML/Javascripts  
     >> Pastekan Kode yang Lo copy tadi ya bro

         


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:10%;
margin:0px 0px 0px -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://raxterblog.googlecode.com/files/tombolclosemenu.js'/></script>
<div id='kotak-facebook'>
Klik Like !
<br/>
<!-- Mulai --!>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FRaxterBlog%2F303218596381396&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 --!>


Ket :

  1. Silahkan lo Atur bro background-color:#FFFFFF  sesuai background menu yg lo inginkan bro, jika perlu Kode Warna klik aja bro LINK ini.
  2. untuk Tulisan yg berwarna ORANGE , silahkan lo ganti bro dengan Kode Html Fans Page Facebook lo pada bro, Bagi yg belum tau cara membuat Fans Page silahkan Baca dulu bro tentang Cara Membuat Fans Page Facebook di Blog.
  3. Silahkan Ganti sesuka hati lo broTulisan yg berwarna BIRU MUDA sesuai judul menu yg lo inginkan bro.


3. Tinggal Save bro dan Lihat Hasilnya . . .




Selamat Mencoba ya bro ! ! !

6 komentar: