Tạo banner quảng cáo 2 bên blog/website

Hôm nay Blog hướng dẫn các bạn cách Tạo banner quảng cáo 2 bên blog/website, hình thức banner quảng cáo 2 bên này rất phổ biến các trang web lớn.

Tiện ích khi đặt banner này là: tận dụng diện tích website, gây chú ý cực cao với người đọc với hiệu ứng trượt theo chuột.

Hãy xem demo ngay tại đây

Sau đây blog xin hướng dẫn các bạn thêm banner, làm theo các bước:

1. Đăng nhập vào Blog
2. Vào Mẫu
3. Chọn "Chỉnh sửa HTML"
4. Copy đoạn mã bên dưới và đặt trên thẻ </body>.

[post_ad]

Khi sao chép bài viết vui lòng ghi nguồn Phước An Blog.

<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#EEE;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="
https://scontent-hkg3-1.xx.fbcdn.net/v/t1.0-9/14079543_1739761206292007_6573830582385213032_n.jpg?oh=5db1b4b206aab42a7295efec48d9078d&oe=5842C940"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://scontent-hkg3-1.xx.fbcdn.net/v/t1.0-9/14079543_1739761206292007_6573830582385213032_n.jpg?oh=5db1b4b206aab42a7295efec48d9078d&oe=5842C940"/>'); var no=100,hidesnowtime=0,snowdistance="pageheight",ie4up=document.all?1:0,ns6up=document.getElementById&&!document.all?1:0;function iecompattest(){return document.compatMode&&"BackCompat"!=document.compatMode?document.documentElement:document.body}var dx,xp,yp,am,stx,sty,i,doc_width=800,doc_height=600;ns6up?(doc_width=self.innerWidth,doc_height=self.innerHeight):ie4up&&(doc_width=iecompattest().clientWidth,doc_height=iecompattest().clientHeight);dx=[];xp=[];yp=[];am=[];stx=[];sty=[]; for(i=0;i<no;++i)dx[i]=0,xp[i]=Math.random()*(doc_width-50),yp[i]=Math.random()*doc_height,am[i]=20*Math.random(),stx[i]=0.02+Math.random()/10,sty[i]=0.7+Math.random(),(ie4up||ns6up)&&document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"></div>'); //]]> </script>

Trong đó:

• phần màu đỏ: là thay bằng link ảnh của các bạn mà muốn hiện.

CHÚC CÁC BẠN THÀNH CÔNG! Cám ơn các bạn đã xem bài viết này.

Author : Admin

Share this

Related Posts