[Blogger] Popup Quảng cáo giữa màn hình cho website, blogspot kiểu 1

avatar

The Kai102
187
35
PhpBB3
An toàn
Kai đẹp trai
Hỗ trợ viên

Bài viết :
102
Points :
187
Like :
35
PhpBB3
An toàn
Kai đẹp trai
Với kiểu popup quảng cáo kiểu 1 này nó sẽ hiển thị mỗi khi bạn vào trang website, blogspot của bạn


- Bước 1: Để ý website của bạn xem có đoạn jquery nào chưa nếu chưa thêm đoạn sau jquery sau vào trên thẻ </head> trong template blogspot cần hiên quảng cáo.



Code:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'/>



Thông thường thì template blogspot nào cũng có đoạn jquery rồi. nên các bạn để ý kỹ nếu không có mý thêm vào không nó sẽ bị xung và không hoạt động. 

Bước 2: thêm đoạn code dưới trên thẻ </body> 

Code:
<style>
#qc-popup {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}
#boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#boxview {background:#fff;border:8px solid #fff;max-width:600px;position:absolute;top:20%;left:28%;}
#closebox {float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;    z-index: 99999;}
#closebox:before {font-family: FontAwesome;content:"\f00d";padding:5px 8px;background:#fff;color:#2c3e50;font-weight:normal;font-size:14px;}
#boxlink,#boxlink a.visited,#boxlink a,#boxlink a:hover {color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}
#qc-box {max-width:600px;}
#qc-box img {width:100%}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie=function(key,value,options){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():'',options.path?'; path='+options.path:'',options.domain?'; domain='+options.domain:'',options.secure?'; secure':''].join(''));}
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_facebook_box')!='yes'){$('#qc-popup').delay(2500).fadeIn('fast');$('#closebox, #boxclose').click(function(){$('#qc-popup').stop().fadeOut('fast');});}});
</script>
<div id='qc-popup'>
<div id='boxclose'>
</div>
<div id='boxview'>
<div id='closebox'>
</div>
<div id='qc-box'>
  <a href="#LINK">
<img src='https://lh4.googleusercontent.com/-2aKmhvPDklA/VpcDPUrszFI/AAAAAAAAAfY/c-I1HJPw7Zc/s1600/thiet-ke-template-blogspot-ban-hang.jpg' width='100%'/></a>
</div>
</div>
</div>


Thay đôi như sau:
- Thay #LINK thành link liên kết quảng cáo
- Link ảnh sau src thành Link ảnh bạn cần quảng cáo
- max-width:600px thành kích thước chiều rộng quảng cáo phù hợp mà bạn muốn

Xong những chương trình khuyến mãi bạn có thể xóa đi, hoặc thay ảnh để đôi các chương trình khuyến mãi khác.

Chúc các bạn thành công trong công việc và cuộc sống!



theo : sharetemplateseo.com
 Trả lời bài viết
avatar

Admin252
511
88
Punbb
Quản trị
Việt đẹp trai
Founder
Founder

Bài viết :
252
Points :
511
Like :
88
Punbb
Quản trị
Việt đẹp trai
có lưu lịch sử không em. cái này cứ mở trang mới lại hiện à. a muốn hiện 1 lần thì phải làm sao
 Trả lời bài viết
avatar

LASPERPEN171
362
135
Invision
Quản trị
Quản trị viên

Bài viết :
171
Points :
362
Like :
135
Invision
Quản trị
có đoạn js cookie rồi nên xóa lịch sửa mới hiện lại
 Trả lời bài viết
avatar

The Kai102
187
35
PhpBB3
An toàn
Kai đẹp trai
Hỗ trợ viên

Bài viết :
102
Points :
187
Like :
35
PhpBB3
An toàn
Kai đẹp trai
Admin đã viết:có lưu lịch sử không em. cái này cứ mở trang mới lại hiện à. a muốn hiện 1 lần thì phải làm sao

cái này em thua , code e cop trên mạng ấy
 Trả lời bài viết
avatar

huyvip83175
307
62
Punbb
Cẩn thận
Mod phụ hotrofm
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
175
Points :
307
Like :
62
Punbb
Cẩn thận
Mod phụ hotrofm
link demo đâu
 Trả lời bài viết
avatar

The Kai102
187
35
PhpBB3
An toàn
Kai đẹp trai
Hỗ trợ viên

Bài viết :
102
Points :
187
Like :
35
PhpBB3
An toàn
Kai đẹp trai
yêu cầu band nó gấp vì cứ cmt nhảm như thế này nhé !
 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá

Có Thể Bạn Quan Tâm

Đang tải...