Share code quảng áo dạng slide – Banner Ad Rotation.
        |
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.
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();imageURLs[0] = "http://imageshack.us/a/img69/4830/adimage1.png";imageURLs[1] = "http://imageshack.us/a/img837/7859/adimage2.png";imageURLs[2] = "http://imageshack.us/a/img222/1761/adimage3.png";imageURLs[3] = "http://imageshack.us/a/img837/7859/adimage2.png";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 HTMLvar 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 !
Ồ 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óaCái này có dùng cho blogspot được không anh ơi?
Trả lờiXóaĐượ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é