Cara buang border facebook like box di blog

Posted
  • by
  • Perantau Senja
  • in
  • category: , ,
  • Bagaimana membuang facebook border fanpage diblog?
    Untuk membuang border di facebook fanpage di blog atau website anda,Hanya memerlukan beberapa kod css untuk dimasukan pada template untuk fungsi tertentu.
    Lihat seperti gambar dibawah:

    Diatas adalah hasil setelah dimasukan code css pada template blogspot. Lihat live demo Disini.

    1. cari perkataan ]]></b:skin> dan gantikan cdengan code dibawah:

    .facebook-like-box
    {
    width: 250px;
    height: 250px;
    overflow: hidden;
    position: relative; /* For IE7 Compatibility */
    }

    .facebook-like-box .inner
    {
    margin: -2px 0 0 -2px;
    }
    ]]></b:skin>


    untuk meletakan widget facebook fanpage diblog tanpa border,sila masukan code dibawah pada Html/Javascript widget

    <div class="facebook-like-box">
    <div class="inner">
    <!-- Facebook Plugin Code --->
    <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
    <fb:like-box href="http://www.facebook.com/perantausenja.inc"
    width="250" height="250"
    colorscheme="light" show_faces="true"
    stream="false" header="false"></fb:like-box>
    <!-- End Facebook Plugin Code -->
    </div>
    </div>

    Tukar perkataan bewarna merah kepada link fanpage anda, Dan sila suaikan saiz lebar dan panjang mengikut selera masing masing

    .Selamat mencuba.


     
    Copyright (c) 2010 Psenja.Com by Perantau Senja
    I work for : GilerMedia, Ask Me Here : Ask.fm/perantausenja