1/23/13

Chỉnh sửa Fan Facebook, khung Like cho Web, blog

Ở bài viết Đưa trang Like FAcebook vào trong Website, blog mình đã giới thiệu tới các bạn cách đưa Like button vào site. Nhưng đó là 1 cách theo mặc định của Plugin đó. Vậy làm thế nào để chỉnh sửa cho khung Like Pages khi được nhúng vào blog hoặc Website trở nên đẹp hơn.
Thủ thuật này mình hướng dẫn các bạn làm được điều đó với việc tùy chỉnh CSS để thay đổi giao diện mặc định của LIKE Pages.
Like pages fan facebook, Facebook Viet Nam, itviet360.com
Để làm được điều này chúng ta sử dụng đoạn Code sau:

<style>
.fbInner{
background:#F6CECE;
width:300px;
border:1px solid #FA5858;
padding:2px;
}
</style>
<div class="fbInner">
<div class="textwidget"><script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script>
<script type="text/javascript">FB.init("1690883eb733618b294e98cb1dfba95a");</script>
<fb:fan profile_id="153138708123803" stream="0" connections="10" logobar="0" width="300" height="274" css="http://itviet360.googlecode.com/files/btsnts-custom-fbv4.css?1" class=" FB_fan FB_ElementReady"></fb:fan><div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: right;">
<span style="font-family: Verdana, sans-serif; font-size: xx-small;"><a href="http://www.itviet360.com/2013/01/chinh-sua-fan-facebook-khung-like-web-blog.html" target="_blank">Tùy chỉnh FB Like Box</a></span></div>
</div></div></div>

Trong đó:
Dãy số được bôi màu xanh: là ID Pages của bạn. Ví dụ pages itviet360: http://www.facebook.com/pages/itviet360com/166823093455666
Width: Tương ứng với chiều rộng của khung Fan
Heigt: Tương ứng với chiều cao của khung Fan

Thử làm và xem kết quả các bạn nhé.
Được thì LIKE cho mình phát nào ^_^

0 nhận xét:

Post a Comment