Hello anh em, lâu rồi cũng chưa ra bài về thủ thuật blog nên hôm nay mình sẽ chia sẻ cho anh em code Box Like Fanpage Facebook khi vào blog nhé !
DEMO
CÁC BƯỚC THỰC HIỆN :
BƯỚC 1 : Vào Blog -> Bố Cục
BƯỚC 2 : Thêm Tiện Ích -> Chọn HTML/JAVASCRIPT
BƯỚC 3 : Dán Code Sau Vô
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>#fanback {display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}#fan-exit {width:100%;height:100%;}#JasperRoberts {background:white;width:420px;position:absolute;top:58%;left:63%;margin:-220px 0 0 -375px;-webkit-box-shadow: inset 0 0 50px 0 #939393;-moz-box-shadow: inset 0 0 50px 0 #939393;box-shadow: inset 0 0 50px 0 #939393;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: -220px 0 0 -375px;}#Blogduykhanh {float:right;cursor:pointer;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgptRogdipy6ghem5jqcApKwBL6eRNB9ijZ_cPGyfEx3bq7fR5AnTu_6ldW_fJsyO0Mf2ppM9jhe6XhkWWL60q1FiJURwUnk53R4GtS3cNFVRUm942H3zaubreqcFj6dF1ab6-W9AYVNjw2/s1600/blogduykhanhfacebookpopup.png) repeat;height:15px;padding:20px;position:relative;padding-right:40px;margin-top:-20px;margin-right:-22px;}.remove-borda {width:366px;margin:0 auto;background:#F3F3F3;margin-top:16px;position:relative;margin-left:20px;}#linkit,#linkit a.visited,#linkit a,#linkit a:hover {color:#80808B;font-size:10px;margin: 0 auto 5px auto;float:center;}</style><script type='text/javascript'>//<![CDATA[jQuery.cookie = function (key, value, options) {// key and at least value given, set cookie...if (arguments.length > 1 && String(value) !== "[object Object]") {options = jQuery.extend({}, options);if (value === null || value === undefined) {options.expires = -1;}if (typeof options.expires === 'number') {var days = options.expires, t = options.expires = new Date();t.setDate(t.getDate() + days);}value = String(value);return (document.cookie = [encodeURIComponent(key), '=',options.raw ? value : encodeURIComponent(value),options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IEoptions.path ? '; path=' + options.path : '',options.domain ? '; domain=' + options.domain : '',options.secure ? '; secure' : ''].join(''));}// key and possibly options given, get cookie...options = value || {};var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;};//]]></script><script type='text/javascript'>jQuery(document).ready(function($){if($.cookie('popup_user_login') != 'yes'){$('#fanback').delay(10000).fadeIn('medium');$('#Blogduykhanh, #fan-exit').click(function(){$('#fanback').stop().fadeOut('medium');});}$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });});</script><div id='fanback'><div id='fan-exit'></div><div id='JasperRoberts'><div id='Blogduykhanh'></div><div class='remove-borda'></div><iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Hùng-Blogger-167996720514843&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'style='border: none; overflow: hidden; margin: -27px 8px -18px 9px; width: 402px; height: 230px;'></iframe><center><span style="color:#a8a8a8;font-size:8px;" id="linkit">Powered by <a style="color:#a8a8a8;font-size:8px;"http://www.hungblogger.com">Hùng Blogger</a> - <a style="color:#a8a8a8;font-size:8px;" href="https://www.facebook.com/Hùng-Blogger-167996720514843">Fanpage</a></span></center></div></div>
Trong mặc định ở đoạn code trên popup sẽ tự bật lên sau 10 giây tải trang. Nếu bạn muốn thay đổi nó bạn có thể tìm trong đoạn code trên
.delay(10000)
Và sửa nó theo ý mình. Đơn vị tính là mili giây, ví dụ bạn muốn đặt thời gian là 30 giây thì có thể sửa thành
.delay(30000)
Thay link fanpage facebook sau thành link fanpage facebook của bạn
https://www.facebook.com/Hùng-Blogger-167996720514843
TỔNG KẾT :
Chỉ cần một vài bước thì các bạn đã có Box Like Fanpage Facebook tuyệt đẹp khi vào blog rồi ! Chúc Các Bạn Thành Công!!!
Subscribe Our Newsletter
0 Response to "Chèn hộp box fanpage Facebook dạng popup cho blogger"
Đăng nhận xét