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

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

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.

Share this

Related Posts

2 nhận xét

nhận xét
lúc 19:54 5 tháng 9, 2016 delete

đúng rồi, này xem trên đt hơi bị hài )

Reply
avatar

• Bạn phải đăng nhập tài khoản Google thì có thể bình luận.
• Không SPAM & không quảng cáo website
• Lưu ý: Có thể chèn link <a href="Link" rel="nofollow">Tiêu Đề</a>

XIN CÁM ƠN!

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
:-?
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
$-)
(y)
(f)
x-)
(k)
(h)
cheer