Bài viết này mình chia sẻ code Popup mở new Windows ngay dưới góc màn hình.
Chắc các bạn cũng biết việc lợi và hại của đặt Popup. Chúng ta nên làm giảm tránh cái hại và đem lại hiệu quả cao nhất cho việc đặt Pop này.
Code mở popup cửa sổ quảng cáo nhỏ dưới góc màn hình
Những điểm hay của Code Popup này:- Xuất hiện 1 lần khi trình duyệt Website mở.
- Cửa sổ trang Website được Pop nhỏ ở góc màn hình -> kéo dài thời gian ở lại của Website được Pop.
...
Demo trực tiếp: http://anhbiafb.blogspot.com/ các bạn nhấp vào vị trí bất kỳ ở bên trang Demo và xem kết quả ở góc phải màn hình nhé.
Code:
<script>function addEvent(obj,eventName,func){if(obj.attachEvent){obj.attachEvent("on"+eventName,func);}else if(obj.addEventListener){obj.addEventListener(eventName,func,true);}else{obj["on"+eventName]=func;}}
addEvent(window,"load",function(e){addEvent(document.body,"click",function(e){var pX;pX=screen.width;if(!pX){pX=document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth;}
if(pX>800){if(document.cookie.indexOf("pnpopup=popactive")==-1){document.cookie='pnpopup=popactive';params='width=50';params+=', height=50';params+=', top=1650, left=1460, resizable=no, scrollbars=yes, location=yes';var w=window.open("http://itviet360.com/",'window1',params).blur();window.focus();}}});});</script>
Thay link bằng link http://itviet360.com/ Website các bạn cần đặt Pop nhé.
Trên các nền Website thì đây chỉ là 1 đoạn code javascript nên các bạn dán vào mã <script> là nó hoạt động.
- Hướng dẫn trên Blogspot.
Các bạn vào bảng điều khiển blogger -> bố cục (Layout) -> Thêm 1 tiện ích (Add a Widget) -> HTML/Javascript.
Sau đó dán code trên vào tiện ích vừa thêm và lưu lại là OK men :)
Code do anh Qúy tại blog dophuquy.com gửi.
Chuyên mục: javascript, Source code
minh tao tren blog minh ko dc ban oi
Trả lờiXóaBạn có dán đúng Code không vậy? Thử test lại xem thế nào nhé.
Xóasao nó chỉ xuất hiện có 1 lần vậy!
Trả lờiXóacó cách nào làm cho nó xuất hiện 1 lần / 1 trang ko!?
Cho mình hỏi mình muốn pop up nó ở phía sau trang chính chứ không hiện lên trước trang chính thì phải chỉnh sửa sao vậy ! thanks
Trả lờiXóa