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

Hotline

+84917 756 426 nvdinh88@gmail.com
Thiết kế Blogspot, thiết kế giao diện blogspot, thiết kế web bán hàng, thiết kế blogspot bán hàng, thiết kế web/blog chuẩn seo
Chơi game online hoàn toàn miễn phí với nhiều game thú vị, hấp dẫn
Tạo website cho riêng bạn với Haravan. Thử ngay!

[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]

Nhận xét&Bình luận

Kết nối&Chia sẻ:

Đã đăng ký với Bộ công thương
Thiết kế bởi vnBloggertheme.com | Copyright © 2015 «~Thiết kế Blogspot chuyên nghiệp giá rẻ - Thiết kế web chuẩn Seo~»