Liên kết với chúng tôi

Hotline

+84917 756 426 Chát qua Yahoo Messenger admin@vnbloggertheme.com

Responsive Template: BCompany - Giao diện giới thiệu dịch vụ dành cho Blogspot cá nhân hay tổ chức

AppGames Template - Mẫu giao diện Responsive Template chia sẻ game mobile chuyên nghiệp

BMart Template - Mẫu giao diện bán hàng điện tử online chuyên nghiệp

BTour Template - Mẫu giao diện bán tour du lịch chuyên nghiệp

Bdeal Template - Mẫu giao diện bán hàng Online dạng deal giảm giá

SMart BNews v1.0.2 - Mẫu giao diện tin tức chuyên nghiệp

BMobile v1.0.2 - Mẫu giao diện dạng wap dành cho Mobile

BGame v.1.0.1 - Mẫu giao diện dành cho chơi game online

BEbook - Mẫu giao diện chuyên về sách điện tử

BMusic - Mẫu giao diện cho lĩnh vực âm nhạc

[tintuc]Traidatmui.com – Bài viết này mình chia sẻ cho các bạn một đoạn code có thể giúp trang Fanpage Facebook của bạn hiển thị dưới dạng ẩn hiện ở góc phải của Blogspot của bạn. Với kiểu hiển thị này sẽ giúp bạn tiết kiệm rất nhiều diện tích blog của bạn, trang Fanpage chỉ hiển thị ra khi bạn rê chuột vào biểu tượng Facebook ở góc dưới bên phải, bình thường thì nó sẽ được ẩn đi. Bạn xem chi tiết hướng dẫn bên dưới.


Hình ảnh minh họa
Thủ thuật tạo trang Fanpage ẩn hiện khi rê chuột cho Blogspot

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn tiếp code CSS bên dưới vào trước thẻ ]]></b:skin>
img,a{border:0;}
#on{visibility:visible;}
#off{visibility:hidden;
}
#facebook_div{width:280px;height:270px;overflow:hidden;}
#facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:280px;height:270px;position:fixed;right:-285px;}
#facebook_right img{position:absolute;top:-2px;left:-35px;}
#facebook_right iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:270px;left:-2px;top:-3px;}
5. Chèn code bên dưới vào sau thẻ <head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">/* <![CDATA[ */
jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -285}, 500); }); jQuery("facebook").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("facebook").stop(true,false).animate({right: -303}, 500); }); });/* ]]> */</script>

6. Save template lại và trở về phần bố cục (Layout)
7. Thêm 1 HTML/Javascript và thêm vào code bên dưới
<div id="on"><div id="facebook_right" style="bottom: 0;"><div id="facebook_div"><img src="http://4.bp.blogspot.com/-pzM3IebaPHg/T3BF_Cp5ChI/AAAAAAAABTA/uPlhRvqJF2Y/s1600/helperblogger.com-facebook-icon.png" alt="" />
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="https://www.facebook.com/vnbloggertheme"
data-width="300" data-show-faces="true" data-stream="fasle" data-header="true"></div></div></div></div>

Bạn thay https://www.facebook.com/vnbloggertheme thành link của trang Fanpage của bạn là xong.

8. Cuối cùng bạn save tiện ích lại.

Chúc bạn thành công![/tintuc]

4 nhận xét | Viết lời bình

1/21/2016 7:56 CH Trả lời

tks ad

6/05/2016 4:23 CH Trả lời

Chào bạn, bài viết của bạn cũng khá hay và cần thiết :D
Rảnh ghé qua site mình chơi nhé ch playmobo market trên http://www.tai-facebook.xyz free

6/17/2016 1:39 CH Trả lời

Mở bán chung cu the golden palm hà đông
Mở bán chung cu golden palm hà đông
Mở bán chung cư the golden palm lê văn lương hà đông
Mở bán chung cư flc star tower hà đông
Mở bán chung cu rivera park hà đông
Mở bán chung cu five star cau giay hà đông
Mở bán chung cư hồng hà tower hà đông
Mở bán chung cu flc star tower hà đông
Mở bán an bình city hà đông
Mở bán an bình city hà đông
Mở bán an binh city hà đông
Dự án chung cư an bình city
Dự án chung cu an binh
Chủ đầu tư an binh city phạm văn đồng
Mở bán an bình city hà đông
Mở bán chung cư 440 vĩnh hưng hà đông
Chủ đầu tư an binh city phạm văn đồng
Mở bán chung cư 440 vĩnh hưng hà đông
Bán biệt thự the green daisy hà đông
Mở bán an binh city hà đông
Giới thiệu an bình city cổ nhuế
Mở bán an binh city hà đông
Mở bán chung cư tứ hiệp plaza hà đông
Mở bán chung cư gemek hà đông

HỖ TRỢ THANH TOÁN:

Xem euro 2012 online | Kệ siêu thị | Nhà Đất bình Dương | iChiaSẻ Blog's | Sys Blogger VN | Nhạc Hoa Bất Hủ | Tải Game Mobile Miễn Phí | mua sắm trực tuyến | Tải game di động |Thiết kế Website - Blogspot
Lên đầu trang Xuống cuối trang