Bài viết này mình chia sẻ cho các bạn một đoạn ma có thể giúp trang Facebook Fanpage của màn hình của bạn như ẩn hiện ra góc phải của Blogspot thư mục. Như kiểu hiển thị này sẽ giúp bạn tiết kiệm diện tích nhiều blog của bạn, trang Fanpage chỉ hiển thị khi bạn rê chuột vào biểu tượng Facebook ra 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 dưới đây.
Hình ảnh minh họa
»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 đang tiếp CSS bên dưới vào trước thẻ]]> </ b: skin>
7. Thêm 1 HTML / Javascript và thêm vào đang ở dưới
8. Cuối cùng bạn lưu lại tiện ích.
Hình ảnh minh họa
»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 đang tiếp CSS bên dưới vào trước thẻ]]> </ b: skin>
img, one {border: 0;}
#on {visibility: nhìn see been;}
#off {visibility: hidden;
}
#facebook_div {width: 280px; height: 270px; overflow: hidden;}
#facebook_right {z-index: 10005; border: 2px rắn # 3c95d9; background-color: #fff; width: 280px; height: 270px; vị trí: cố định; right: -285px;}
img #facebook_right {position: absolute; top: -2px; left: -35px;}
iframe #facebook_right {border: 0px rắn # 3c95d9; overflow: hidden; vị trí: tĩnh; height: 270px; left: -2px; top: -3px;}
5. Chèn mã bên dưới vào sau thẻ <head>#on {visibility: nhìn see been;}
#off {visibility: hidden;
}
#facebook_div {width: 280px; height: 270px; overflow: hidden;}
#facebook_right {z-index: 10005; border: 2px rắn # 3c95d9; background-color: #fff; width: 280px; height: 270px; vị trí: cố định; right: -285px;}
img #facebook_right {position: absolute; top: -2px; left: -35px;}
iframe #facebook_right {border: 0px rắn # 3c95d9; overflow: hidden; vị trí: tĩnh; height: 270px; left: -2px; top: -3px;}
<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") di chuột (function () {jQuery () this .stop (true, false) .animate ({0} đùng :., 500) ;}, function () {(:, 500 jQuery ("# facebook_right") Ngung (true, false) {.animate đúng -285).};.}); jQuery ("facebook") hover (function ( ) {jQuery (this) .stop (true, false) .animate ({đúng: 0}, 500);}, function () {jQuery ("facebook") Ngung (true, false) .animate ({đúng: - 303.}, 500);});}); / *]]> * / </ Script>
6. Save template lại và trở về phần bố cục (Layout)<Script type = "text / javascript"> / * <! [CDATA [* /
jQuery (document) .ready (function () {jQuery ("# facebook_right") di chuột (function () {jQuery () this .stop (true, false) .animate ({0} đùng :., 500) ;}, function () {(:, 500 jQuery ("# facebook_right") Ngung (true, false) {.animate đúng -285).};.}); jQuery ("facebook") hover (function ( ) {jQuery (this) .stop (true, false) .animate ({đúng: 0}, 500);}, function () {jQuery ("facebook") Ngung (true, false) .animate ({đúng: - 303.}, 500);});}); / *]]> * / </ Script>
7. Thêm 1 HTML / Javascript và thêm vào đang ở dưới
<Div id = "on"> <div id = "facebook_right" style = "bottom: 0;"> <div id = "facebook_div"> <img 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);
} (Tài liệu, 'kịch bản', 'facebook-jssdk')); </ Script>
<Class Div = "fb-like-box" data-href = " https://www.facebook.com/vnnshare102 "
data-width = "300" data-show-khuôn mặt = "true" data-stream = "fasle" data-header = "true"> </ div> </ div> </ div> </ div>
Bạn có thể thay https://www.facebook.com/vnnshare102 thành link của trang Fanpage của bạn là xong.<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);
} (Tài liệu, 'kịch bản', 'facebook-jssdk')); </ Script>
<Class Div = "fb-like-box" data-href = " https://www.facebook.com/vnnshare102 "
data-width = "300" data-show-khuôn mặt = "true" data-stream = "fasle" data-header = "true"> </ div> </ div> </ div> </ div>
8. Cuối cùng bạn lưu lại tiện ích.
Xuất thân là Quản Trị Kinh Doanh. Yêu thích Marketing Online và trở thành Blogger với gần 1000 bài viết về nhiều lĩnh vực. Blog cá nhân http://toilaquantri.com
ConversionConversion EmoticonEmoticon