HÌNH ẢNH "BAY" TRÊN NỀN BLOG

Posted by chiasedamme on Friday, May 25, 2012

Để "trang hoàng" cho blog thêm đẹp, bạn có thể dùng thủ thuật này gắn các hình ảnh, các Icon, Avatar, Favicon, Logo hoặc những biểu tượng "độc quyền" của mình lên trên nền blog. Các hình ảnh này luôn luôn xuất hiện trên toàn bộ blog và "nó" sẽ chạy theo khi bạn kéo thanh trượt lên xuống...Đặc biệt hơn là khi bạn click chuột vào các hình ảnh này, "nó" sẽ dẫn bạn đến các trang liên kết mà bạn đã định trước (dùng để quảng cáo, blog liên kết...)
Mời bạn bấm vào Xem thử phía dưới để thấy rõ hiệu ứng của thủ thuật này.



Xem thử


Bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML (đối với các bạn đang sử dụng giao diện blogspot mới thì đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML) rồi dán đoạn code phía dưới vào.


<script type="text/javascript" src="http://dl.dropbox.com/u/66348944/dunghennessy/bichay/bongbongj1.js"> </script>
<script type="text/javascript">

function pagestart(){
//Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image):
 flyimage1=new Chip("flyimage1",47,68);
 flyimage2=new Chip("flyimage2",47,68);
 flyimage3=new Chip("flyimage3",47,68);


movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");

}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart

</script>


<div id="flyimage1" style="position:absolute; left: -500px; width:47; height:68;">
<a href="http://dunghennessy.blogspot.com"><img src="Link ảnh 1" border="0" /></a>
</div><div id="flyimage2" style="position:absolute; left: -500px; width:47; height:68;">
<a href="http://dungheineken.blogspot.com"><img src="Link ảnh 2" border="0" /></a>
</div><div id="flyimage3" style="position:absolute; left: -500px; width:47; height:68;">
<a href="http://anhdepblog.blogspot.com"><img src="Link ảnh 3" border="0" /></a>
</div>


Bây giờ, bạn cần thay đổi các dòng lệnh màu đỏ theo ý thích của mình, sau cùng bấm Lưu lại là xong.





Chúc các bạn thành công!!! 


▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀

{ 0 comments... read them below or add one }

Post a Comment