Tạo Trang Fanpage Ẩn Hiện cho Blogspot
05:45
Bài này mình
sẽ hướng dẫn các bạn tạo một trang Fanpage ẩn hiện, tức khi rê chuột vào sẽ hiện
Fanpage ra, khi rê chuột ra chỗ khác Fanpage sẽ ẩn đi, với kiểu hiển thị ẩn hiện
như thế này sẽ giúp các bạn tiết kiệm được không gian trên Blog hơn, vị trí sẽ
nằm bên phải góc dưới.
Các bạn có thể thấy Demo trực tiếp trên Blog của mình bên góc phải màn hình.
Các bạn có thể thấy Demo trực tiếp trên Blog của mình bên góc phải màn hình.
Các bạn
có thể thấy Demo trực tiếp trên Blog của mình bên góc phải màn hình !
➥
Bây giờ chúng ta sẽ bắt đầu :
- Đăng nhập [ Login ] vào tài khoản Blogger
- Vào phần Mẫu
- Chọn chỉnh sửa HTML
- Chèn đoạn code này 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;}
➥
Tiếp theo chèn đoạ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>
➥
Sau đó các bạn Lưu lại và vào phần Bố Cục :
- Thêm tiện ích HTML/Javascript
- Và dán đoạn code bên dưới vào HTML/Javascript
<div id="on"><div
id="facebook_right" style="bottom: 0;"><div id="facebook_div"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9q-g0Vp68IuXLzCpJEo_eFuhzaWpq8R5y1MF2mmSxbPGn5NEJmAWy62VOhDM6k8RpzWTvksMpoS1TiFNC8YBkGpsXGDR4D8Oc3Tvpd2epJVqgapTiwIAXtk0RezuPX18sJCexhx2RSDo/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/Chia-s%E1%BA%BB-Ph%E1%BA%A7n-M%E1%BB%81m-Mi%E1%BB%85n-Ph%C3%AD-VTBlog-1491887371137261/?ref=page_internal"
data-width="300" data-show-faces="true" data-stream="fasle"
data-header="true"></div></div></div></div>
➥
Xóa link mình bôi đỏ và gắn link Fanpage của các bạn vào là
xong
➥
Save lại và kiểm tra thành quả.
0 nhận xét