Social Icon

twitterfacebookgoogle pluslinkedinrss feedemail

Thứ Ba, 18 tháng 6, 2013

Share code quảng áo dạng slide – Banner Ad Rotation.


Share code quảng áo dạng slide – Banner Ad Rotation.


Facebook Yahoo Digg  Twitter StumbleUpon Delicious Linkhay

Hôm trước khi mình share code quảng cáo ở góc phải của trang, có một bạn đã hỏi mình có code quảng cáo dạng slide không. Sau một hồi tìm hiểu thì hôm nay cũng đã có hàng cho các bạn. Loại quảng cáo này nước ngoài nó gọi là Banner Ad Rotation.

Code quang cao
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<html>
<head>
<title>Banner Ad Rotator by OnlineSeeding.Vn</title>
</head>
<body>
<!-- Initial banner ad display. Note the SideBarAdWidget div id. -->
<div id="SideBarAdWidget">
      <a href="http://www.onlineseeding.vn" target="_blank"><img src="ads/AdImage1.png" border=0></a>
</div>
<script type="text/javascript">
// Set image URLs to be preloaded.
var imageURLs = new Array();
var i = 0;
for(i=0; i<imageURLs.length; i++) {
   var x = new Image();
   x.src = imageURLs[i];  // Preload the images.
}
// Bạn có thể tùy chỉnh quảng cáo bằng HTML
var adHTML = new Array();
adHTML[0] = '<a href="http://www.onlineseeding.vn" target="_blank"><img src="http://imageshack.us/a/img69/4830/adimage1.png" border=0></a>';
adHTML[1] = '<a href="http://www.onlineseeding.vn" target="_blank"><img src="http://imageshack.us/a/img837/7859/adimage2.png" border=0></a>';
adHTML[2] = '<a href="http://www.onlineseeding.vn" target="_blank"><img src="http://imageshack.us/a/img222/1761/adimage3.png" border=0></a>';
adHTML[3] = '<a href="http://www.onlineseeding.vn" target="_blank"><img src="http://imageshack.us/a/img837/7859/adimage2.png" border=0></a>';
var adIndex = 0;
function adCycler() {
  if (adIndex == adHTML.length)
    adIndex = 0;
  // Write the ad HTML into the <div> with the id SideBarAdWidget
  document.getElementById("SideBarAdWidget").innerHTML=adHTML[adIndex];
  adIndex++;
}
window.setInterval("adCycler()",4000);  // Chỉnh thời gian qua slide
</script>
</body>
</html>
Bạn có thể tùy chỉnh hình ảnh và link tại dòng 30, 31, 32, 33 và chỉnh thời gian load slide ở dòng 43. Ở đây mình đang để 4000, tức là 4 giây.
Chúc các bạn thành công !

2 nhận xét:

  1. Ồ vậy thì em muốn quảng cáo hiện ở chỗ nào thì chèn code vào đó thôi. Thường thì đặt ở sidebar thì mình sẽ tạo một widget Text trên sidebar rồi add code vào.

    Trả lờiXóa
  2. Cái này có dùng cho blogspot được không anh ơi?
    Được bạn ạ, bạn vào chỉnh sửa bố cục rồi thêm tiện ích HTML/Javascript vào vị trí bạn muốn hiển thị quảng cáo. Sau đó paste code bên trên vào nhé

    Trả lờiXóa

 

Tổng số lượt xem trang

See You Again

Hẹn gặp lại bạn và chúc bạn có một ngày thật vui - hạnh phúc