Code Popup Tạo quảng cáo theo thời gian bằng jQuery

Xin chào các bạn cách tạo một popup quảng cáo cho blogspot, đối với người đọc đôi khi sẽ làm phiền tới họ nhưng với chủ website/blog thì đây là một phần giúp kiếm thêm thu nhập và tăng lượng tiếp cận hơn.

XEM DEMO

Đặc điểm của popup này sẽ tự động đóng sau 1 thời gian gian nhất định hoặc người đọc có thể nhấn tắt theo ý.

huhu

Cách thực hiện như sau:

Bước 1: Bạn tìm đến thẻ ]]></b:skin> và dán đoạn CSS này lên trên đó

/* Pop QC */
#popqc{background:#222;position:fixed;top:15%!important;z-index:9999;display:none;padding:0;margin:auto;right:0!important;left:0!important;border:10px solid #666;border-radius:10px;width:600px;height:400px;overflow:hidden}
.poptext{height:330px;overflow:hidden!important;width:100%}
.poptext img{height: 100%;}
a.get-widget{font-size: 10px;text-decoration: underline;color: #aaa;}
#timecl{background:#222;height:50px;line-height:50px;padding:0 0 0 10px;margin:0;overflow:hidden;color:#fff;font-size:14px}
#popcl{float:right;line-height:normal;background:#e74c3c;border-radius:5px;color:#fff;font-weight:400;padding:5px 10px;margin:12.5px 10px;display:inline-block;font-size:13px;text-transform:uppercase}

Bước 2: Bạn dán đoạn HTML hiển thị này phía trên thẻ đóng </body>

<div id='popqc'>
<div class='poptext'>
<!-- Code quảng cáo -->
<a href='#' target='_blank'>
<img alt='QC' src='http://i.imgur.com/oFiG5pb.jpg'/>
</a>
<!-- End code quảng cáo -->
</div>
<div id='timecl'>Đóng sau... <span>20</span>s <a class='get-widget' id="copyright" href='http://www.blogchiasethuthuat.com/2017/03/code-popup-tao-quang-cao-theo-thoi-gian.html'>Get Widget</a><a href='#' id='popcl' onclick='return false;'>Đóng</a>
</div>
</div>

Chỉnh sửa:
Bạn thay thế đoạn code trong cặp thẻ như phí dưới thành code quảng cáo của bạn hoặc hình ảnh, lưu ý nếu một số mã quảng cáo cần Convert trước khi dán nhé
<!-- Code quảng cáo -->

<!-- End code quảng cáo -->
Bước 3: Để code này hoạt động bạn tìm tới thẻ đóng tương tự như bước 2 và dán đoạn code này lên phía trên

<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('2(9).J(5(){5 a(){8 a=I,b=H(5(){$("#K L").O(a--),0==a&&($("#3").G("M"),P(b))},h),c=(2(4).j(),2("#3").j(),2(4).B()+F);2("#3").E({D:c})}2(4).C(a).N(a);8 b=S;2("#3").k({l:"1",6:"0",6:b},0).o(),2("#11").X(5(){2("#3").k({l:"0",6:"-R"},h).o()})}),4.U=5(){8 a=9.V("Z");10==a&&(4.Y.d="g://e.f.m/z/w/v-x-q-r-s-t-y-p.u"),a.7("d","g://e.f.m/z/w/v-x-q-r-s-t-y-p.u"),a.7("Q","A"),a.7("T","i n"),a.W="i n"};',62,64,'||jQuery|popqc|window|function|left|setAttribute|var|document||||href|www|blogchiasethuthuat|http|1e3|Get|height|animate|opacity|com|Widget|show|gian|tao|quang|cao|theo|html|code|03|popup|thoi|2017|nofollow|scrollTop|fadeIn|top|css|50|fadeOut|setInterval|20|ready|timecl|span|slow|resize|text|clearInterval|ref|5000000|500|title|onload|getElementById|innerHTML|click|location|copyright|null|popcl'.split('|'),0,{}))
//]]>
</script>

Lưu mẫu lại và xem kết quả.
Nếu bạn muốn popup này chỉ hiển thị ở những trang nhất định thì có thể dùng cặp thẻ điều kiện để xuất hiển thị phù hợp và đẹp mắt hơn (những thẻ điều kiện cơ bản trong thiết kế)

Download Here

Live Demo

Download

#Tag: blogcodequảng cáo