"Hiển thị logo thay đổi theo thời gian"

(Traidatmui.com) – Trao đổi logo với các blogger khác thì bạn cần phải cho hiển thị các logo đó trên blog bạn. Tuy nhiên, làm sao để hiển thị chúng mà không chiếm mất khoảng không gian lớn trên blog bạn. Bạn có thể cho chúng chạy ngang dọc tùy ý. Tuy nhiên, để trông đẹp bạn có thể trình diễn theo cách đặt khoảng thời gian nhất định để các logo luân phiên thay đổi. Hôm nay mình xin chia sẽ cho các bạn cách thực hiện thủ thuật này, bạn có thể tùy chỉnh trước 3s, 5s 10s....

☼ Cách thực hiện
1. Đăng nhập vào blogger
2. Vào bố cục
3. Thêm 1 HTML/Javascript và dán code bên dưới vào

<div id="logoexc" align="center">Loading Logos...</div>
<script type="text/javascript">
var avx = new Array(); var avy = new Array();

avx[0]="http://www.dichthuatviet.blogspot.com/";
avy[0]="http://i282.photobucket.com/albums/kk268/mrphamvan/Logo-ENg-2.jpg";

avx[1]="http://ebo299.wordpress.com/";
avy[1]="http://i414.photobucket.com/albums/pp221/ebo_ebo/logo_ebo_small.gif";

avx[2]="http://itvn-pro.blogspot.com";
avy[2]="http://i25.tinypic.com/14e9umt.jpg";

avx[3]="http://danghienit.blogspot.com/";
avy[3]="http://i917.photobucket.com/albums/ad19/danghienit/logo_dong.gif";

avx[4]="http://phanblogs.blogspot.com/";
avy[4]="http://i27.tinypic.com/2rctzqb.jpg";

avx[5]="http://lecongtienlkvn.blogspot.com";
avy[5]="http://i1016.photobucket.com/albums/af286/lecongtienlkvn/Mylogo250x120.jpg";

target = "_blank";
rnd = "x";

numlg = 3; // số logo hiển thị mỗi lần
width = 130; // chiều rộng của logo
height = 60; // chiều cao của logo
border = 1;
margin = 2;
space = "<br/>";

intervan = 5; // thời gian thay đổi logo tính bằng giây (s)

</script>
<script src="http://data-traidatmui.appspot.com/scripts/changed_logo.js" type="text/javascript"></script>

Chỉnh code:
- Code màu đỏ chính là code liên kết của các logo, bạn hãy thay đổi chúng tưowng ứng với logo mà bạn muốn liên kết
- Code màu xanh dương chính là link hình ảnh của logo liên kết, hãy thay thành ảnh logo của các blog bạn muốn liên kết
Hãy xóa bỏ các dòng chú thích ở trên đi khi đã chỉnh sửa xong code (dòng màu xanh lá).
Lưu ý: Ở trên mình chỉ tạo liên kết với 5 logo, để có thể thêm nhiều logo liên kết hơn bạn hãy thêm dòng code bên dưới vào sau logo thứ năm và chỉnh sửa link liên kết và ảnh logo lại như trên.

avx[6]="http://khanhtrangonline.com";
avy[6]="http://lh4.ggpht.com/_PggLtAmBD6A/Sq_Bocm_loI/AAAAAAAAES8/YqBgRRCoFpg/LogoKhanhTrang.png";

avx[7]="http://vntip.co.cc/";
avy[7]="http://i233.photobucket.com/albums/ee39/viethai0803/lien_ket.png";

Ở trên là mình thêm logo 6, 7, bạn muốn thêm nhiều hơn thì thêm code tương tự trên và chỉnh sửa số thứ tự lại cho phù hợp.
4. Save HTML/Javascript lại và đặt ở vị trí thích hợp
Chúc bạn thành công