15/6/13

Tạo Banner quảng cáo hiển thị ngẫu nhiên

Đăng bởi Admin | 15/6/13 | 0 nhận xét

Tạo Banner quảng cáo hiển thị ngẫu nhiên - Cách tạo 4 banner quảng cáo trong 1 Widget - http://namkna.blogspot.com/
Đôi khi bạn ghé thăm một website nào đó, có thể bạn sẽ thấy một mẫu quảng cáo sẽ bị thay thế bởi một quảng cáo khác ở cùng một vị trí khi refresh trang, hoặc khi bạn xem một trang mới. Hay nói cách khác, các mẫu quảng cáo đã hiển thị một cách ngẫu nhiên.
Xin lưu ý rằng đây không phải là một mẫu quảng cáo dạng Flash hoặc ảnh động, mà có thể tự động thay đổi do lập trình sẵn.

Vậy họ đã làm điều đó như thế nào ? Bài viết hôm nay Namkna sẽ hướng dẫn bạn một thủ thuật nho nhỏ, đó là sử dụng vài dòng JavaScript đơn giản để khiến cho các hình ảnh quảng cáo đơn lẻ của bạn hiển thị một cách ngẫu nhiên khi refresh hoặc chuyển trang. Tiện ích này phất triển cao hơn tiện ích 4 banner trong một wiget trước đây/
Tạo Banner quảng cáo hiển thị ngẫu nhiên - Cách tạo 4 banner quảng cáo trong 1 Widget - http://namkna.blogspot.com/

☼ Cách tiến hành:

1- Đăng nhập vào Blog

2- Vào Bố cục (Layout)
3-Tạo một widget HTML\JavaScript và chèn vào đoạn code bên dưới :

<div align="center">      
<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">       
<tbody><tr>       
<td><center>
<!--  BANNER#1  -->
<script language="JavaScript">      
images = new Array(2);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);      
document.write(images[index]);       
</script>
</center></td>
<td><center>
<!--  BANNER#2  -->
<script language="JavaScript">      
images = new Array(2);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);      
document.write(images[index]);       
</script>
</center></td>      
</tr>       
<tr>
<td><center>
<!--  BANNER#3  -->
<script language="JavaScript">      
images = new Array(2);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);      
document.write(images[index]);       
</script>
</center></td>
<td><center>
<!--  BANNER#4  -->
<script language="JavaScript">      
images = new Array(2);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);      
document.write(images[index]);       
</script>
</td></center>
</tr>
</tbody></table>
<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">      
<tbody>       
      <tr>       
       <td><center><a href="http://namkna.blogspot.com/"  rel="nofollow"><img width="265" height="37" border="0"  alt="Advertise Now!"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrK8Hq_ru0iny7BFKVCDUsto0ILqRvzNkd196Sya3qlYz31BOlJaChce-wX40c0BsdRdlg-UzQ0Pir6r_mKZDqdCJ8KZ0d4v0tW4XOuP_wvExsO5EnS-LaipM0tE1UiHA3ckKLHzs0_FzV/s1600/ADVERTISE-HERE-namkna-blogspot-com.gif"  /></a></center></td>       
      </tr>
    </tbody></table>
</div>

Trong đó tùy biến như sau:

  • width="265" : chiều rộng khung chứa hình ảnh quảng cáo ( sử dụng để tăng\giảm khoảng cách giữa các hình ảnh quảng cáo )
  • height='125' width='125' : chiều rộng và chiều cao của hình ảnh quảng cáo
  • URL OF ADVERTISER : liên kết đến website nhà quảng cáo
  • URL OF BANNER’S IMAGE-1 và URL OF BANNER’S IMAGE-2 : liên kết đến hình ảnh quảng cáo
  • AD DESCRIPTION : thông tin quảng cáo ( sẽ hiển thị khi rê chuột vào )

4- Lưu mẫu lại.
Nếu bạn muốn sử dụng với file flash thì xem tại đây
Nếu Blog bạn chưa có ai mua quảng cáo, bạn có thể download một số ảnh động bên dưới để mời hoặc cho người khác biết bạn đang muốn bán quảng cáo tại vị trí đó:
Tạo Banner quảng cáo hiển thị ngẫu nhiên - tạo banner quảng cáo cho blogspot - http://namkna.blogspot.com/Tạo Banner quảng cáo hiển thị ngẫu nhiên - tạo banner quảng cáo cho blogspot - http://namkna.blogspot.com/Tạo Banner quảng cáo hiển thị ngẫu nhiên - tạo banner quảng cáo cho blogspot - http://namkna.blogspot.com/Tạo Banner quảng cáo hiển thị ngẫu nhiên - tạo banner quảng cáo cho blogspot - http://namkna.blogspot.com/Tạo Banner quảng cáo hiển thị ngẫu nhiên - tạo banner quảng cáo cho blogspot - http://namkna.blogspot.com/Tạo Banner quảng cáo hiển thị ngẫu nhiên - tạo banner quảng cáo cho blogspot - http://namkna.blogspot.com/Tạo Banner quảng cáo hiển thị ngẫu nhiên - tạo banner quảng cáo cho blogspot - http://namkna.blogspot.com/Tạo Banner quảng cáo hiển thị ngẫu nhiên - tạo banner quảng cáo cho blogspot - http://namkna.blogspot.com/Tạo Banner quảng cáo hiển thị ngẫu nhiên - tạo banner quảng cáo cho blogspot - http://namkna.blogspot.com/Tạo Banner quảng cáo hiển thị ngẫu nhiên - tạo banner quảng cáo cho blogspot - http://namkna.blogspot.com/Tạo Banner quảng cáo hiển thị ngẫu nhiên - tạo banner quảng cáo cho blogspot - http://namkna.blogspot.com/Tạo Banner quảng cáo hiển thị ngẫu nhiên - tạo banner quảng cáo cho blogspot - http://namkna.blogspot.com/Tạo Banner quảng cáo hiển thị ngẫu nhiên - tạo banner quảng cáo cho blogspot - http://namkna.blogspot.com/
bạn có thể Download các ảnh đó về Tại đây

Download Now

Link phụ:

Download Now


Hy vọng bạn sẽ thích tiện ích này. Chúc các bạn thành công !

                                                                                                 Theo : Namkna
                                                                                                   Thu thuat vi tinh

Không có nhận xét nào:

Đăng nhận xét

Cảm ơn bạn đã nhận xét !
- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.

Mã hóa Code

Support : Trick Blogspot | Ghost win | Website Design | Seo Trick | Ghost win | Software Free | Site Map | Back Link | Contact Advertising | ↑ back to top
Ghi rõ nguồn thuthuatvitinhaz.blogspot.com dưới dạng liên kết khi phát hành lại thông tin từ trang này
Copyright © 2013. Thủ thuật Số - All Rights Reserved
Design by Ngân Giang
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Template by Dameva