Hướng dẫn chèn banner câu đối tết hai bên website
Chào các bạn,
Cũng sắp hết năm 2016 rồi, mình cũng xin đăng 1 bài viết kết thúc cho năm 2016 với nội dung hướng dẫn chèn banner câu đối tết trên website nói chung và demo mình thực hiện trên wordpress nói riêng.
DEMO: http://maytrogiang.vn/
Gần đến Tết nên mình muốn làm giao diện website công ty có thêm chút xuân với banner câu đối tết gắn hai bên website. Web công ty bên mình chuyên bán Máy trợ giảng nhé các bạn vào web bên mình ghé qua xem Demo, nếu có nhu cầu mua Máy trợ giảng cứ liên hệ với mình để nhận ưu đãi tốt nhé.
Rồi, 1 phút giới thiệu đã xong giờ là chèn banner câu đối tết lên website thôi. Mình thực hiện trên website mình đang Seo website mã nguồn bằng Wordpress. Hướng dẫn này có thể áp dụng với tất cả các loại website mã nguồn khác nhau.
Copy đoạn code trên rồi gắn vào sau thẻ <head> rồi chạy thôi. Đối với Seo website thì yếu tố tốc độ là rất quan trọng nhất là ở Việt Nam cáp quang cứ bị đứt liên tục là chết dở đúng không nào. Vậy nên bạn có thể chuyển đọa code này xuống dưới footer nhé. Chúc các bạn thành công.
Cũng sắp hết năm 2016 rồi, mình cũng xin đăng 1 bài viết kết thúc cho năm 2016 với nội dung hướng dẫn chèn banner câu đối tết trên website nói chung và demo mình thực hiện trên wordpress nói riêng.
DEMO: http://maytrogiang.vn/
Gần đến Tết nên mình muốn làm giao diện website công ty có thêm chút xuân với banner câu đối tết gắn hai bên website. Web công ty bên mình chuyên bán Máy trợ giảng nhé các bạn vào web bên mình ghé qua xem Demo, nếu có nhu cầu mua Máy trợ giảng cứ liên hệ với mình để nhận ưu đãi tốt nhé.
Rồi, 1 phút giới thiệu đã xong giờ là chèn banner câu đối tết lên website thôi. Mình thực hiện trên website mình đang Seo website mã nguồn bằng Wordpress. Hướng dẫn này có thể áp dụng với tất cả các loại website mã nguồn khác nhau.
<script type="text/javascript">
document.write('<style type="text/css">body{padding-bottom:20px}</style><a href="#" target="_blank"><img style="position:fixed;z-index:9999;top:0;left:0" src="http://maytrogiang.vn/wp-content/uploads/2017/01/banner_left.png" _cke_saved_src="http://maytrogiang.vn/wp-content/uploads/2017/01/banner_left.png"/></a><a href="#" target="_blank"><img style="position:fixed;z-index:9999;top:0;right:0" src="http://maytrogiang.vn/wp-content/uploads/2017/01/banner_right.png"/></a><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;"></div><a href="#" target="_blank"><img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="http://maytrogiang.vn/wp-content/uploads/2017/01/banner_header.png"/></a>');
var no=100;var hidesnowtime=0;var snowdistance='pageheight';var ie4up=(document.all)?1:0;var ns6up=(document.getElementById&&!document.all)?1:0;function iecompattest(){return(document.compatMode&&document.compatMode!='BackCompat')?document.documentElement:document.body}var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array();xp=new Array();yp=new Array();am=new Array();stx=new Array();sty=new Array();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10; sty[i]=0.7+Math.random();if(ie4up||ns6up){document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span><\/div>')}}function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=(window.innerHeight&&snowdistance=='windowheight')?window.innerHeight:(ie4up&&snowdistance=='windowheight')?iecompattest().clientHeight:(ie4up&&!window.opera&&snowdistance=='pageheight')?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random()}dx[i]+=stx[i];document.getElementById('dot'+i).style.top=yp[i]+'px';document.getElementById('dot'+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+'px'}snowtimer=setTimeout('snowIE_NS6()',10)}function hidesnow(){if(window.snowtimer){clearTimeout(snowtimer)}for(i=0;i<no;i++)document.getElementById('dot'+i).style.visibility='hidden'}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout('hidesnow()',hidesnowtime*1000)}
</script>
document.write('<style type="text/css">body{padding-bottom:20px}</style><a href="#" target="_blank"><img style="position:fixed;z-index:9999;top:0;left:0" src="http://maytrogiang.vn/wp-content/uploads/2017/01/banner_left.png" _cke_saved_src="http://maytrogiang.vn/wp-content/uploads/2017/01/banner_left.png"/></a><a href="#" target="_blank"><img style="position:fixed;z-index:9999;top:0;right:0" src="http://maytrogiang.vn/wp-content/uploads/2017/01/banner_right.png"/></a><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;"></div><a href="#" target="_blank"><img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="http://maytrogiang.vn/wp-content/uploads/2017/01/banner_header.png"/></a>');
var no=100;var hidesnowtime=0;var snowdistance='pageheight';var ie4up=(document.all)?1:0;var ns6up=(document.getElementById&&!document.all)?1:0;function iecompattest(){return(document.compatMode&&document.compatMode!='BackCompat')?document.documentElement:document.body}var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array();xp=new Array();yp=new Array();am=new Array();stx=new Array();sty=new Array();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10; sty[i]=0.7+Math.random();if(ie4up||ns6up){document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span><\/div>')}}function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=(window.innerHeight&&snowdistance=='windowheight')?window.innerHeight:(ie4up&&snowdistance=='windowheight')?iecompattest().clientHeight:(ie4up&&!window.opera&&snowdistance=='pageheight')?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random()}dx[i]+=stx[i];document.getElementById('dot'+i).style.top=yp[i]+'px';document.getElementById('dot'+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+'px'}snowtimer=setTimeout('snowIE_NS6()',10)}function hidesnow(){if(window.snowtimer){clearTimeout(snowtimer)}for(i=0;i<no;i++)document.getElementById('dot'+i).style.visibility='hidden'}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout('hidesnow()',hidesnowtime*1000)}
</script>
Copy đoạn code trên rồi gắn vào sau thẻ <head> rồi chạy thôi. Đối với Seo website thì yếu tố tốc độ là rất quan trọng nhất là ở Việt Nam cáp quang cứ bị đứt liên tục là chết dở đúng không nào. Vậy nên bạn có thể chuyển đọa code này xuống dưới footer nhé. Chúc các bạn thành công.
Thanks for comment!