Home » Thu-Thuat-Facebook
CÁCH TẠO LIKE FAN FACEBOOK BÊN THANH CUỘN PHẢI BLOGGER - THỦ THUẬT
Thủ thuật tối nay mình gửi tới các bạn đó là dùng jquery để tạo hiệu ứng Like Fan Facebook ngay bên cạnh thanh cuộn trình duyệt. Điều này sẽ làm giảm được 1 tiện ích hiển thị trong bố cục của giao diện blogger hoặc ứng dụng trong bố cục của giao diện blogger có thanh cuộn trình duyệt nhỏ . Thủ thuật này có thể ứng dụng trên Website và nhiều nền blog khác nhau.
Demo tại trang ww.longdicaprio.com |
- Cách làm thủ thuật
+ Vào bảng điều khiển blogger - bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript
+ Dán Code dưới đây vào tiện ích vừa thêm
<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;
}#facebook_div{width:280px;height:300px;overflow:hidden;}#facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px;}#facebook_right img{position:absolute;top:-2px;left:-35px;}#facebook_right iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px;}#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">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: -200}, 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><div id="on"><div id="facebook_right" style="top: 50%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3H-_lWhb6-U8T_4i2eCwoRRl9du-smglkkK0ypVGsVEPCJzXt3r6ni5V-36YFX2cw8npuhhqmbeOI-rADdJ6wGQY_kpQML2V8d_7omhot_BjTKx77jVyBiUyuW9gvirhqqrCLfIyApnI/s1600/helperblogger.com-facebook-icon.png" alt="" />
<!-- Pages Fan -->
<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/ceolongdicaprio"
data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div></div></div></div>
+ Các thông số cần lưu ý:
* top: 50% (Con số màu đỏ) khoảng cách từ trên trình duyệt xuống tới ảnh Facebook
* Đoạn mã màu xanh: Là 2 đoạn mã các bạn lấy được từ site Fan Facebook Like (Google Search).
và dán cả 2 đoạn code đó vào chỗ code màu xanh. Sau đó lưu lại xem kết quả
Chúc các bạn thành công.
Thân ái !!!
Tin liên quan
“Có dám ước mơ thì mới đạt thành công. Bạn sẽ có điều bạn muốn nếu bạn giúp những người xung quanh đạt được những gì họ muốn”
Tin nổi bật
-
SAU HƠN 3 THÁNG TRẢI NGHIỆM XÂY DỰNG HỆ THỐNG VÀ QUY TRÌNH KINH DOANH THỜI TRANG SĨ QUAN - WWW.GIAYSIQUAN.COM - MÌNH ĐÃ XÂY DỰNG NÊN 1 QUY...
-
Nút Share Trượt Hình Quả Trứng Cho Blogspot Long xin hướng dẫn các bạn cách tạo một nút chia sẻ hình quả trứng cho blog. Đặc điểm của tiệ...
-
Quốc gia khởi nghiệp là một quyển sách đang gây sốt trong cộng động mạng gần đây.Vậy Quốc gia Khởi nghiệp mang đến giá trị gì mà thu hút ...
-
Adobe Illustrator CS5 Full Download Adobe Illustrator CS5 Full crack, chương trình đồ họa vector, đồ họa không thể thiếu cho dân đồ họa. ...
-
Danh sách 400 forum Việt Nam pr 3,4,5 dành để rao vặt, đặt backlink hỗ trợ seo, download tài liệu…. http://raothue.vn http://raovatangia...
-
[share key] key Windows 8.1 PRO,N / ENTERPRISE,N RTM VL MAK/ Key Windows 8.1 Pro slmgr.vbs -ipk 9R3DP-NJV9M-P2TYG-6C4KR-R3JK3 175 lượ...
-
Những tài liệu Remarketing nên đọc: Tiếp thị lại Facebook: http://goo.gl/xShrYP Tiếp thị lại Youtube: http://goo.gl/5XKSpo Tiếp thị l...
-
Có câu nói rằng: “Nước đến tận cùng là thác đổ, người đến đường cùng sẽ hồi sinh”. Vậy thì hễ đứng trước một chút khó khăn, chúng ta cớ sao...
-
DIỄN ĐÀN http://www.sieugiaiphap.vn/ http://chotroidalat.vn/diendan/ http://nguoibentre.vn/forum/ h...
-
BỘ CÔNG CỤ DÀNH CHO HỌC VIÊN NÂNG CAO – Tool mời like : https://chrome.google.com/webstore/detail/invite-all-friends-on-fac/inmmhkea...
Comments[ 0 ]
Post a Comment