Theme images by MichaelJay. Powered by Blogger.

Bài viết xem nhiều nhất

Tìm kiếm phổ biến nhất hôm nay

Featured Posts

Social Icons

Làm nổi Facebook Livebox trên Blogspot

Việc tích hợp Livebox Facebook vào blogspot hiện nay rất được nhiều blogger quan tâm. Có rất nhiều cách để thực hiện việc này. 
Hôm nay tôi xin giới thiệu một cách tích hợp Livebox vào blog của bạn. Nó là một thanh trược được mã hóa ẩn Likebox bên trong và chỉ thấy nó chỉ khi người thăm blog của bạn tác động vào nó. 





Xem Live Demo: Infographic
Sau đây là hướng dẫn. 
  1. Về Blogger> Bố cục
  2. Bấm vào nút "Thêm Tiện ích"
  3. Chọn HTML / JavaScript Widget
  4. Dán đoạn mã sau bên trong nó


<script type="text/javascript"> 
//<!-- 
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); 
//--> 
</script> 
<style type="text/css"> 
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} 
.w2bslikebox div{border:none;position:relative;display:block;} 
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} 
.w2bslikebox span a{color: #808080;text-decoration:none;} 
.w2bslikebox span a:hover{text-decoration:underline;} 
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Infographic/367055943424486?ref=hl&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>Widget by:<a href="http://http://infographics-vn.blogspot.com/">Infographics trên Facebook</a></span></div></div>

Thay phần chữ đỏ phía trên bằng URL Fanpage của bạn. 
Sau đó vào >Mẫu> Chỉnh sữa HTML 
Tìm kiếm đoạn <head> và dán đoạn Jquery sau ở phía dưới nó 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>  
Luu lại và xem lại blog của bạn đã xuất hiện Likebox như ý muốn chưa.  
Chúc các bạn thành công. 


Nguồn: www.Seoer.com.vn 

No comments:
Write nhận xét
Bạn đang có nhu cầu tìm kiếm một Dịch vụ SEO, dịch vụ tiếp thị tìm kiếm trên kênh Google cho doanh nghiệp của bạn nhằm tăng hiệu quả doanh thu bán hàng và quảng bá thương hiệu. Gọi cho tôi qua số 0168485414

Bạn đang quan tâm đến dịch vụ tôi cung cấp
Đừng ngần ngại liên hệ ngay