Chúc các bạn một năm mới vui vẻ và hạnh phúc "HAPPY NEW YEAR"
Home » Archives for December 2011
FLASH ĐẸP "NĂM MỚI 2012"
Posted by chiasedamme on Thursday, December 29, 2011
Nhân dịp đón chào năm mới 2012, tôi có sưu tầm một số file Flash ở một số trang Web nước ngoài (khá ấn tượng), đem về chỉnh sửa một số chi tiết cho phù hợp, hôm nay tôi "post" lên Blog để cùng các bạn chiêm ngưỡng...
Ứng với mỗi file Flash là code để nhúng vào Web/Blog hoặc bạn có thể download về sử dụng
Mời các bạn cùng xem phía dưới nha
Chúc các bạn một năm mới vui vẻ và hạnh phúc "HAPPY NEW YEAR"
Labels:
FLASH,
TRANG TRÍ BLOG
TẠO CHỮ CHẠY TRONG KHUNG CÓ MÀU NỀN
Posted by chiasedamme on Tuesday, December 27, 2011
Trước kia, tôi có chia sẻ với các bạn cách tạo các dòng chữ chạy trong khung có viền màu (Xem TẠI ĐÂY), hôm nay tôi chia sẻ thêm cách tạo chữ chạy trong khung có màu nền.
Các bạn xem các dòng chữ chạy phía dưới sẽ hiểu rõ hơn.
Các bạn chỉ cần đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán code phía dưới vào
<font ><marquee direction="left" style="background:BLUE">Nhập nội dung các dòng chữ tại đây</marquee></font>
Bây giờ các bạn có thể thay đổi màu nền tại mục Background (Blue, red, black, green, yellow, gray, pink, white...), hướng chạy của chữ ở mục direction (letf, right, down, up...) và thay dòng chữ màu đỏ "NHẬP NỘI DUNG CÁC DÒNG CHỮ TẠI ĐÂY" bằng các dòng chữ mà mình muốn hiển thị, cuối cùng bấm Lưu lại là xong
Chúc các bạn vui
Labels:
HIỆU ỨNG CHỮ,
TRANG TRÍ BLOG
Mình không muốn viết blog nữa
Posted by chiasedamme on Monday, December 26, 2011
Có người nói rằng, “Nếu bạn không viết blog để kiếm sống thì thôi hãy dừng lại. Còn không thì hãy viết blog ít lại”.
Điều đó hoàn toàn đúng.
Nếu viết blog trở thành một gánh nặng thì cũng nên nghĩ đến việc từ bỏ cho xong.
Tuy nhiên một số người sẽ tiếp tục viết blog như thế đấy là bổn phận.
Ai cũng biết các blogger bắt đầu viết blog vì nhiều lý do khác nhau và một khi các nhận xét bắt đầu xuất hiện trên blog thì việc viết blog trở nên thú vị hơn. Chúng ta có thêm những người bạn mới, đọc các blog khác và gặp gỡ giao lưu với người khác trong quá trình phát triển các mối liên hệ thực sự.
Tùy thuộc vào quy mô cộng đồng tạo ra mà chúng ta có thể tự mình tìm thấy vị thế của mình ở nơi ấy.
Tôi muốn từ bỏ viết blog, nhưng tôi có những độc giả đang phụ thuộc vào tôi. Hoặc …
Vâng. Câu đó hoàn toàn đúng.
Khi bạn viết blog, những người đến đọc thường có những kỳ vọng nhất định đối với bạn.
Tuy nhiên, mình không nghĩ bạn cảm thấy phải có bổn phận viết blog (trừ khi đó là công việc bạn được trả tiền) mà cũng không nên cảm thấy bạn là người bỏ cuộc nếu bạn dừng lại.
Những gì chúng ta chia sẻ đều có thể giúp người khác và những mối liên hệ chúng ta tạo ra trên mạng là những mối liên hệ chân thực. Nếu trái tim chúng ta không còn ở trong đó thì niềm vui viết blog cũng mất đi, khi đó có thể đến lúc phải đánh giá lại vị thế là blogger của chúng ta.
Cũng giống như đời người, nghiệp viết blog cũng có một tuổi thọ và đối với một số trường hợp nó có thể rất ngắn ngủi.
Vậy thì theo bạn, mình có nên từ bỏ nghiệp viết blog hay không?
Bạn đã từng nghĩ đến việc từ bỏ viết blog?
Điều gì đã thay đổi ý định của bạn?
Bạn có còn quan tâm chia sẻ với người khác?
Labels:
Blogging
GHÉP CHỮ VÀO ẢNH ĐỘNG VÀ ẢNH TĨNH
Posted by chiasedamme on Sunday, December 25, 2011
Trước đây tôi có chia sẻ với các bạn cách đưa hiệu ứng vào ảnh (Xem TẠI ĐÂY). Hôm nay, tôi chia sẻ thêm với các bạn cách đưa chữ vào ảnh động hoặc ảnh tĩnh.
Với thủ thuật này, các bạn có thể gởi những thông điệp, những lời chào, những dòng thông báo của bạn đến với khách tham quan vào ngay ảnh động, ảnh tĩnh và background động...
Mời các bạn xem thử 3 hình ảnh phía dưới.
|
|
|
Rất đơn giản, bạn chỉ cần đăng nhập vào blog > Chọn thiết kế > Thêm tiện ích HTML/Javacript rồi dán code phía dưới vào
<div align="center">
<strong>
</strong><table style="width: 500px; height: 375px;" bgcolor="#52F3FF" cellpadding="10"><tbody>
<tr> <td style="color: rgb(174, 24, 112); font-weight: bold;">
<table style="width: 500px; height:375px;" background="http://dl.glitter-graphics.net/pub/2310/2310691tdj3i5mvr9.gif" bgcolor="#000000" border="1" cellpadding="0" cellspacing="3"><tbody>
<tr> <td style="color: rgb(174, 24, 112); font-weight: bold;">
<div />
<div align="center">
</div>
<div align="center">
<font color="#FF0000" size="3">Nhập nội dung muốn hiển thị trên ảnh vào đây</font></div>
<div align="center">
</div>
</div>
</td></tr>
</tbody></table>
<strong></strong>
</td></tr></tbody></table></div>
Bây giờ, bạn thay đổi các dòng lệnh màu đỏ và màu xanh theo ý của mình và bấm Lưu lại là xong. Trong đó:
Width: 500px; height: 375px; bgcolor="#52F3FF" : chiều rộng chiều cao và màu nền của ảnh.
Width: 500px; height: 375px; background="http://dl......gif": chiều rộng chiều cao và link ảnh
Font color="#FF0000" size="3": màu của chữ và kích cỡ của chữ.
Các bạn có thể VÀO ĐÂY để kiếm cho mình một số ảnh động hoặc một số background động...
Chúc các bạn vui
Width: 500px; height: 375px; bgcolor="#52F3FF" : chiều rộng chiều cao và màu nền của ảnh.
Width: 500px; height: 375px; background="http://dl......gif": chiều rộng chiều cao và link ảnh
Font color="#FF0000" size="3": màu của chữ và kích cỡ của chữ.
Các bạn có thể VÀO ĐÂY để kiếm cho mình một số ảnh động hoặc một số background động...
Chúc các bạn vui
Labels:
HIỆU ỨNG CHỮ,
NÂNG CAO
TẠO BẢNG QUẢNG CÁO TRƯỢT DỌC Ở 2 BÊN BLOG
Posted by chiasedamme on Friday, December 23, 2011
Trên một số Web/Blog, các bạn sẽ bắt gặp một số bảng quảng cáo để quảng bá thương hiệu hoặc hình ảnh nào đó. Với thủ thuật hôm nay, tôi xin chia sẻ với các bạn code thủ thuật gắn 2 bảng quảng cáo ở 2 bên Blog, bảng quảng cáo này sẽ trượt dọc với blog khi bạn di chuyển blog và khi click vào mỗi bảng quảng cáo thì bạn sẽ được đưa đến trang Web/Blog đã liên kết. Mời các bạn bấm vào Xem thử phía dưới để thấy rõ hơn
Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.
<div style="position: fixed; right: 0%; top: 0%;">
<a href="http://www.dunghennessy.blogspot.com/" target="_blank"><img alt="dunghennessy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTXkd863UA3B6tqkrk4pbD8dfuat5NTtoqXVcEKkg-Z7VH03vHRy6kPDjdsXdOFfDKbL5YTDXKhNbaYDbsNdHHcrzJOdzwzzFuFJOCmDHZFfln4nMgT1rmU4KTcqFr7VfRRWnUwq6r1wc/s1600/www.loogix.com_9786918.gif" /></a></div>
<div style="left: 0%; position: fixed; top: 0%;">
<a href="http://www.anhdepblog.blogspot.com/" target="_blank"><img alt="dunghennessy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipG-pBjXp8ESLmM53vE8pg-UPo_6ONLSO3dZExf77YW0eGw4xHNoQkfCOya-pxyhXraxRfCzFLyI4bN3crdjcJ7XmfNKRdfHwRnSuDe4_uQ8-2UdUCG-euFpIO0Qw132FEIooZUwvcqKQ/s1600/www.loogix.com_9786920.gif" /></a></div>
<a href="http://www.dunghennessy.blogspot.com/" target="_blank"><img alt="dunghennessy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTXkd863UA3B6tqkrk4pbD8dfuat5NTtoqXVcEKkg-Z7VH03vHRy6kPDjdsXdOFfDKbL5YTDXKhNbaYDbsNdHHcrzJOdzwzzFuFJOCmDHZFfln4nMgT1rmU4KTcqFr7VfRRWnUwq6r1wc/s1600/www.loogix.com_9786918.gif" /></a></div>
<div style="left: 0%; position: fixed; top: 0%;">
<a href="http://www.anhdepblog.blogspot.com/" target="_blank"><img alt="dunghennessy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipG-pBjXp8ESLmM53vE8pg-UPo_6ONLSO3dZExf77YW0eGw4xHNoQkfCOya-pxyhXraxRfCzFLyI4bN3crdjcJ7XmfNKRdfHwRnSuDe4_uQ8-2UdUCG-euFpIO0Qw132FEIooZUwvcqKQ/s1600/www.loogix.com_9786920.gif" /></a></div>
Bây giờ, bạn thay đổi các dòng lệnh màu đỏ:
"http://www.dunghennessy......com" hoặc "http://www.anh...com" : Link liên kết đến trang Web/Blog
và các dòng lệnh màu xanh:
"http://2bp......gif" và "http://4bp...gif" : Linh ảnh bảng quảng cáo
Cuối cùng bấm LƯU lại là xong
"http://2bp......gif" và "http://4bp...gif" : Linh ảnh bảng quảng cáo
Cuối cùng bấm LƯU lại là xong
Các bạn nên chèn ảnh quảng cáo là ảnh động thì sẽ dễ bắt mắt và dễ gây chú ý đến khách tham quan hơn
Chúc các bạn thành công
Chúc các bạn thành công
FLASH ĐẸP NOEL (PHẦN 4)
Posted by chiasedamme on Friday, December 16, 2011
Để chuẩn bị cho ngày Giáng Sinh sắp đến, tôi xin giới thiệu đến các bạn một số thiệp Flash khá đẹp, đi kèm với thiệp là những lời chúc "an lành" cho ngày Giáng Sinh và những bài hát về chủ đề "Noel"...
Bạn bấm vào các thẻ phía dưới để xem lần lượt các thiệp nha.
Labels:
FLASH,
TRANG TRÍ BLOG
CHỮ "MERRY CHRISTMAS" CHẠY DỌC THEO BLOG
Posted by chiasedamme on Thursday, December 15, 2011
Để blog của mình thêm sinh động chuẩn bị đón ngày "Noel", các bạn có thể gắn chữ "Merry Christmas" lên Blog và chữ "Merry Christmas" này sẽ trượt dọc theo Blog. Đi kèm với chữ "Merry Christmas" Blog của bạn còn có một trận "Tuyết rơi" cho toàn Blog đúng nghĩa mùa "Noel", chiều rơi của những bông tuyết này sẽ ngược hoặc cùng chiều với chiều rê con chuột, có nghĩa là khi chuột rê qua phải thì hướng tuyết rơi sẽ qua trái hoặc qua phải (tuỳ theo lần load trang).
Mời bạn bấm vào Xem thử phía dưới để trải nghiệm trước.
Bạn đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán code phía dưới vào và bấm Lưu lại là xong.
<div style='position: fixed; top: 0%; right: 0%;'/><a href="http://www.anhdepblog.blogspot.com/" target="_blank"><img alt="Blogger Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj37HVtoRlNrINjhMNLihhtYotnN0Z1rsfQLUror5c2dzV4wNtNwBrUdSs4byg0wJgpu56obpwrHOLKB6y9P2BHVCneYFNX6b5nJ1xxt53LvgjhVsqWnEQnFIsV1n9inGpINYBf9uySjdhk/s1600/15.gif"/></a>
</div>
<script type="text/javascript" src="https://sites.google.com/site/bloggertricksandtoolz/snowstormeffectpart2by-www.bloggertricksandtoolz.com.js" />
<!-- customize the snowStorm object -->
<script type="text/javascript">
snowStorm.snowColor = '#99ccff'; // blue-ish snow!?
snowStorm.flakesMaxActive = 96; // show more snow on screen at once
snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
</script>
Nếu không thích chữ "Merry Christmas" này, bạn có thể thay đổi nhiều kiểu chữ "Merry Christmas" khác bằng cách thay link màu xanh thành link ảnh của bạn. Các bạn VÀO ĐÂY để kiếm cho mình các kiểu chữ "Merry Christmas" khá đẹp...
Ngoài ra, bạn cũng có thể thay hoặc thêm nhiều hiệu ứng rơi khác cho Blog xem TẠI ĐÂY
Để đẹp hơn nữa, bạn cũng có thể gắn những hình động là những biểu tượng cho ngày "Noel" như: quà Giáng Sinh, cây thông, quả châu, Ông già Noel, Người Tuyết... chạy theo con trỏ chuột, xem TẠI ĐÂY.
Chúc các bạn và gia đình có một ngày Giáng Sinh vui vẻ và hạnh phúc.
Labels:
HIỆU ỨNG CHỮ,
TRANG TRÍ BLOG
CHỮ "MERRY CHRISTMAS" VỚI HIỆU ỨNG ĐỘNG
Posted by chiasedamme
Để trang trí cho Blog mình trong mùa Giáng Sinh, bạn có thể Add vào Blog mình các chữ "Merry Christmas", với sự hỗ trợ của phần mềm nước ngoài tôi đã làm một số chữ "Merry Christmas" với hiệu ứng động khá đẹp mắt, mời bạn xem thử các chữ phía dưới
Bạn bấm phải chuột vào hình chọn Save as để tải về
Các bạn có thể VÀO ĐÂY để chọn cho mình một số kiểu chữ khác.
Chúc các bạn và gia đình vui vẻ và hạnh phúc trong ngày Giáng Sinh
Labels:
HIỆU ỨNG CHỮ,
TRANG TRÍ BLOG
TẠO CHỮ CHẠY TRONG KHUNG CÓ VIỀN MÀU
Posted by chiasedamme on Tuesday, December 13, 2011
Bạn có thể dễ dàng gởi những thông điệp hay những dòng thông báo ngắn cho khách tham quan bằng những dòng chữ chạy, và các dòng chữ chạy này sẽ nằm gọn trong một khung có 4 đường viền màu bao quanh.
Các bạn bấm vào Xem thử phía dưới để thấy rõ hơn.
Chỉ cần một đoan code ngắn, bạn sẽ làm được điều này. Bạn đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.
<marquee direction="right" style="border:Blue 2px SOLID">dunghennessy xin chào các bạn</marquee>
Bây giờ, các bạn thay đổi các chữ màu đỏ theo ý mình
Chữ "right" : chữ chạy từ bên tay phải, bạn có thể đổi thành "left" (chạy từ bên trái), "up" (chữ chạy lên), "down" (chữ chạy xuống)...
Chữ "Blue" : đường viền màu xanh, bạn có thể thay đổi thành "Red" (màu đỏ), "Green" (màu xanh lá), "Yellow" (màu vàng), "Pink" (màu hồng), "Black" (màu đen), "White" (màu trắng)...
Thay dòng chữ dunghennessy xin chào các bạn thành các dòng chữ mà mình muốn hiển thị. Cuối cùng bấm Lưu lại và quay trở vào Blog xem thành quả nha!!!
Chúc các bạn vui
Labels:
HIỆU ỨNG CHỮ,
TRANG TRÍ BLOG
HIỂN THỊ TỔNG SỐ BÀI VÀ SỐ COMMENTS TRÊN BLOG
Posted by chiasedamme
Với thủ thuật này, trên blog của bạn sẽ có một tiện ích thống kê tổng số các bài đã đăng và tổng số các bình luận (comments) trên blog. Tiện ích này sẽ tự động cập nhật khi bạn đăng bài mới hoặc có comments mới. Tiện ích này có hình dáng như hình cạnh bên.
Rất đơn giản, bạn chỉ cần đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.
<script style="text/javascript">
function showpostcount(json) {
document.write('<center>Tổng số bài: <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b></center>');}</script>
<script src="http://dungheineken.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
<script style="text/javascript"></script>
<script style="text/javascript">
function numberOfComments(json) {
document.write('<center>Tổng số bình luận: <b>' + json.feed.openSearch$totalResults.$t +
'</b></center>');}</script>
<script src="http://dungheineken.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
Bây giờ, bạn thay đổi địa chỉ của blog mình vào 2 dòng lệnh màu đỏ phía trên và bấm Lưu lại là xong
Chúc các bạn thành công
FLASH ĐẸP NOEL (PHẦN 3)
Posted by chiasedamme on Monday, December 12, 2011
Để chuẩn bị cho ngày Giáng Sinh sắp đến, tôi xin giới thiệu đến các bạn một số thiệp Flash khá đẹp, đi kèm với thiệp là những lời chúc "an lành" cho ngày Giáng Sinh và những bài hát về chủ đề "Noel"...
Bạn bấm vào các thẻ phía dưới để xem lần lượt các thiệp nha.
Labels:
FLASH,
TRANG TRÍ BLOG
HIỆU ỨNG RƠI CHO TOÀN BLOG
Posted by chiasedamme on Sunday, December 11, 2011
Có nhiều cách để bạn trang trí cho blog mình thêm sinh động như: "sắm" đồng hồ hoặc một cuốn lịch dễ thương, tạo banner động, hình nền cho toàn blog...
Hôm nay, tôi xin giới thiệu với các bạn một thủ thuật khá hay là: Tạo hiệu ứng hình ảnh (động hoặc tĩnh) rơi trên toàn blog.
Hôm nay, tôi xin giới thiệu với các bạn một thủ thuật khá hay là: Tạo hiệu ứng hình ảnh (động hoặc tĩnh) rơi trên toàn blog.
Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)
Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML/Javacript rồi dán tất cả các code phía dưới vào và bấm Lưu lại
<script type="text/javascript">
//Configure below to change URL path to the snow image
var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY5dZzhb_GExB7t27p-FYeXWooDwzv6YgtrsPmlB20tW1bQAbS7w4PBFjfV0WTOQXHf93Nj4_UcdD8z9lo6XIToQ0xBJ8BzUCFsaEQxLmgV6GRdsVdEPXgIl_c4Jgu4Fpsf0KqecxbB28/s1600/749701tyjg9brmps.gif"
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";
///////////Stop Config//////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}
function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}
function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>
//Configure below to change URL path to the snow image
var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY5dZzhb_GExB7t27p-FYeXWooDwzv6YgtrsPmlB20tW1bQAbS7w4PBFjfV0WTOQXHf93Nj4_UcdD8z9lo6XIToQ0xBJ8BzUCFsaEQxLmgV6GRdsVdEPXgIl_c4Jgu4Fpsf0KqecxbB28/s1600/749701tyjg9brmps.gif"
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";
///////////Stop Config//////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}
function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}
function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>
Tiếp theo, bạn thay đổi link ảnh ở dòng lệnh màu đỏ và số lượng ảnh rơi ở dòng lệnh var no=10 theo ý thích của mình rồi bấm Lưu lại là xong.
Thủ thuật ở trên chỉ áp dụng cho một hình ảnh, còn bạn muốn rơi nhiều ảnh hơn nữa thì xem thủ thuật phía dưới (bấm vào Xem thử phía dưới).
Bạn cũng đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán tất cả các code phía dưới vào.
<marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:601px;top:7px;width:auto;height:653px;z-index:1;" scrollamount="2"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsPJtidDKX3MnoumF3E0sDvI555Wrkyf-MHAuQxx47o5oLiy40fS9v6Zg5J5md2sBoyouk6qtPsXJn4NTa0W4V0OZ1kcIn68_GfSEtuxqwKAV-o6Jt-gRqNTRXrLCOYsxareaATlBTMyA/s1600/4.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:720px;top:64px;width:auto;height:232px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:735px;top:50px;width:auto;height:321px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsPJtidDKX3MnoumF3E0sDvI555Wrkyf-MHAuQxx47o5oLiy40fS9v6Zg5J5md2sBoyouk6qtPsXJn4NTa0W4V0OZ1kcIn68_GfSEtuxqwKAV-o6Jt-gRqNTRXrLCOYsxareaATlBTMyA/s1600/4.gif"/" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:608px;top:78px;width:auto;height:125px;z-index:1;" scrollamount="6"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:43px;top:62px;width:auto;height:10px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY5dZzhb_GExB7t27p-FYeXWooDwzv6YgtrsPmlB20tW1bQAbS7w4PBFjfV0WTOQXHf93Nj4_UcdD8z9lo6XIToQ0xBJ8BzUCFsaEQxLmgV6GRdsVdEPXgIl_c4Jgu4Fpsf0KqecxbB28/s1600/749701tyjg9brmps.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:539px;top:97px;width:auto;height:426px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:791px;top:45px;width:auto;height:178px;z-index:1;" scrollamount="3"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:278px;top:104px;width:auto;height:701px;z-index:1;" scrollamount="3"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:404px;top:69px;width:auto;height:211px;z-index:1;" scrollamount="2"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY5dZzhb_GExB7t27p-FYeXWooDwzv6YgtrsPmlB20tW1bQAbS7w4PBFjfV0WTOQXHf93Nj4_UcdD8z9lo6XIToQ0xBJ8BzUCFsaEQxLmgV6GRdsVdEPXgIl_c4Jgu4Fpsf0KqecxbB28/s1600/749701tyjg9brmps.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:331px;top:2px;width:auto;height:293px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:655px;top:89px;width:auto;height:399px;z-index:1;" scrollamount="7"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:813px;top:11px;width:auto;height:429px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:254px;top:109px;width:auto;height:146px;z-index:1;" scrollamount="7"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:616px;top:20px;width:auto;height:534px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY5dZzhb_GExB7t27p-FYeXWooDwzv6YgtrsPmlB20tW1bQAbS7w4PBFjfV0WTOQXHf93Nj4_UcdD8z9lo6XIToQ0xBJ8BzUCFsaEQxLmgV6GRdsVdEPXgIl_c4Jgu4Fpsf0KqecxbB28/s1600/749701tyjg9brmps.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:652px;top:42px;width:auto;height:410px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:707px;top:96px;width:auto;height:39px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:200px;top:76px;width:auto;height:137px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:309px;top:13px;width:auto;height:338px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY5dZzhb_GExB7t27p-FYeXWooDwzv6YgtrsPmlB20tW1bQAbS7w4PBFjfV0WTOQXHf93Nj4_UcdD8z9lo6XIToQ0xBJ8BzUCFsaEQxLmgV6GRdsVdEPXgIl_c4Jgu4Fpsf0KqecxbB28/s1600/749701tyjg9brmps.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:622px;top:107px;width:auto;height:676px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:149px;top:76px;width:auto;height:199px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:506px;top:77px;width:auto;height:344px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiufh12_Ec2XcSFd4zrab9qP81aNae9LixSst7T2qcD-1BRVKQsT8_Uh8lJiUb7VwmKY3uKIsHi0e6VBzNsB0OqIZLi-d366F3LYi4Zr_FLSwWIS5P6x3vZqmvdCbae9TMzRoN41y9DjTw/"/></span></marquee>
Bây giờ, bạn thay đổi link ảnh ở dòng lệnh màu đỏ và bấm Lưu lại là xong.
Nếu muốn tìm ảnh động thì mời các bạn VÀO ĐÂY
Nếu muốn tìm ảnh động thì mời các bạn VÀO ĐÂY
Chúc các bạn thành công
Labels:
FLASH,
TRANG TRÍ BLOG
Petkute Blogger
Posted by chiasedamme on Saturday, December 10, 2011
Định rip làm trang Auto Game thấy kute lại làm site truyện, post đc 2 bộ truyện chán lại bỏ =))
Mình ko biết sắp xếp cái main sao cho hợp lý . Ai thích cái main hiện kiểu khác thì cho cái ảnh demo mình sẽ làm lại.
Mình làm random background có 3 cái ảnh thôi nha
Mình cũng không có file PSD đâu nên đừng PM vô ích. và điều quan trọng hơn là mình ko biết PTS :))
Cơ bản chỉ có thế có vài cái ảnh ở petkute.banbe.net các bạn up lại ko là lúc nó thay link là đi :)
Notice: viết nhầm RSS comment ở menu là feeds/comments/default chứ ko phải là /feeds/comment/default sửa lại dùm mình :)
More about →
Mình ko biết sắp xếp cái main sao cho hợp lý . Ai thích cái main hiện kiểu khác thì cho cái ảnh demo mình sẽ làm lại.
Mình làm random background có 3 cái ảnh thôi nha
Mình cũng không có file PSD đâu nên đừng PM vô ích. và điều quan trọng hơn là mình ko biết PTS :))
Cơ bản chỉ có thế có vài cái ảnh ở petkute.banbe.net các bạn up lại ko là lúc nó thay link là đi :)
Notice: viết nhầm RSS comment ở menu là feeds/comments/default chứ ko phải là /feeds/comment/default sửa lại dùm mình :)
Labels:
Blogger Template,
HelloXimo
ẢNH ĐỘNG CHẠY THEO CON TRỎ CHUỘT
Posted by chiasedamme on Tuesday, December 6, 2011
Để tạo cho Blog mình thêm sinh động, bạn có thể gắn thêm hình ảnh cho con trỏ chuột, các hình ảnh này sẽ chạy theo con trỏ chuột đến bất kỳ nơi nào trên Blog...
Mời các bạn bấm vào xem thử phía dưới sẽ thấy rõ hơn.
Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.
<script type='text/javascript'>
/* <![CDATA[ */
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
var e_img = new Image();
e_img.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSsg98IPqVKTb_z7E8rzIuyZU6ZNfE2ge4BRJxp6QgtIM4ZLSd2n9MmXZ21e_fXktc4wb3bO4cxkocj_kWriJYcdE_MznKha3uMkvRxg2Q-WrFwb-PVEdwUifBhtMHyabO8VNvNFGWZCc/s1600/bats11.gif";
var p_img = new Image();
p_img.src = "";
var idx = document.images.length;
if ( document.getElementById("pic"+idx) ||
document.getElementById("ppl1"+idx) ||
document.getElementById("ppl2"+idx)) idx++;
document.write('<img id="eyblls'+idx+'" src="'+e_img.src+'" alt="" style="position:absolute;top:0px;left:0px;width:150px;height:120px"/>'
+'<img id="ppl1'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:0px;left:0px;width:0px;height:0px"/>'
+'<img id="ppl2'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:0px;left:0px;width:0px;height:0px"/>');
var h,w,r,eyeballs,pupil1,pupil2;
var d = document;
var my = 0;
var mx = 0;
var fy = 0;
var fx = 0;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
if (domWw) r = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
r = d.body;
}}
function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}else{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh;
w = rw;
}
else{
h = r.clientHeight;
w = r.clientWidth;
}}
function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}
function mouse(e){
var msy = (domSy)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number'){
my = e.pageY - msy;
mx = e.pageX;
}
else{
my = e.clientY - msy;
mx = e.clientX;
}}
function makefollow(){
var sy = scrl(0);
var sx = scrl(1);
//Keep eyes on screen.
var chy = Math.floor(fy-50);
if (chy <= 0) chy = 0;
if (chy >= h-50) chy = h-50;
var chx=Math.floor(fx-34);
if (chx <= 0) chx = 0;
if (chx >= w-69) chx = w-69;
//eyeball1 centre.
var c1y = chy+17;
var c1x = chx+17;
//eyeball2 centre.
var c2y = chy+17;
var c2x = chx+52;
var dy1 = my - c1y;
var dx1 = mx - c1x;//80
var d1 = Math.sqrt(dy1*dy1 + dx1*dx1);
var dy2 = my - c2y;
var dx2 = mx - c2x;
var d2 = Math.sqrt(dy2*dy2 + dx2*dx2);
var ay1 = my - c1y;
var ax1 = mx - c1x;
var angle1 = Math.atan2(ay1,ax1)*180/Math.PI;
var ay2 = my - c2y;
var ax2 = mx - c2x;
var angle2 = Math.atan2(ay2,ax2)*180/Math.PI;
var dv = 1.7;
var onEyeBall1 = (d1 < 17)?d1/dv:10;
var onEyeBall2 = (d2 < 17)?d2/dv:10;
eyeballs.top = chy+sy+pix;
eyeballs.left = chx+sx+pix;
pupil1.top = c1y-6+onEyeBall1*Math.sin(angle1*Math.PI/180)+sy+pix;
pupil1.left = c1x-6+onEyeBall1*Math.cos(angle1*Math.PI/180)+sx+pix;
pupil2.top = c2y-6+onEyeBall2*Math.sin(angle2*Math.PI/180)+sy+pix;
pupil2.left = c2x-6+onEyeBall2*Math.cos(angle2*Math.PI/180)+sx+pix;
}
function move(){
dy = fy += (my-fy) * 0.05;
dx = fx += (mx-fx) * 0.05;
makefollow();
setTimeout(move,30);
}
function init(){
eyeballs = document.getElementById("eyblls"+idx).style;
pupil1 = document.getElementById("ppl1"+idx).style;
pupil2 = document.getElementById("ppl2"+idx).style;
winsize();
move();
}
if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
document.addEventListener("mousemove",mouse,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",winsize);
window.attachEvent("onload",init);
document.attachEvent("onmousemove",mouse);
}
})();
}
/* ]]> */
</script>
/* <![CDATA[ */
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
var e_img = new Image();
e_img.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSsg98IPqVKTb_z7E8rzIuyZU6ZNfE2ge4BRJxp6QgtIM4ZLSd2n9MmXZ21e_fXktc4wb3bO4cxkocj_kWriJYcdE_MznKha3uMkvRxg2Q-WrFwb-PVEdwUifBhtMHyabO8VNvNFGWZCc/s1600/bats11.gif";
var p_img = new Image();
p_img.src = "";
var idx = document.images.length;
if ( document.getElementById("pic"+idx) ||
document.getElementById("ppl1"+idx) ||
document.getElementById("ppl2"+idx)) idx++;
document.write('<img id="eyblls'+idx+'" src="'+e_img.src+'" alt="" style="position:absolute;top:0px;left:0px;width:150px;height:120px"/>'
+'<img id="ppl1'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:0px;left:0px;width:0px;height:0px"/>'
+'<img id="ppl2'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:0px;left:0px;width:0px;height:0px"/>');
var h,w,r,eyeballs,pupil1,pupil2;
var d = document;
var my = 0;
var mx = 0;
var fy = 0;
var fx = 0;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
if (domWw) r = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
r = d.body;
}}
function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}else{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh;
w = rw;
}
else{
h = r.clientHeight;
w = r.clientWidth;
}}
function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}
function mouse(e){
var msy = (domSy)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number'){
my = e.pageY - msy;
mx = e.pageX;
}
else{
my = e.clientY - msy;
mx = e.clientX;
}}
function makefollow(){
var sy = scrl(0);
var sx = scrl(1);
//Keep eyes on screen.
var chy = Math.floor(fy-50);
if (chy <= 0) chy = 0;
if (chy >= h-50) chy = h-50;
var chx=Math.floor(fx-34);
if (chx <= 0) chx = 0;
if (chx >= w-69) chx = w-69;
//eyeball1 centre.
var c1y = chy+17;
var c1x = chx+17;
//eyeball2 centre.
var c2y = chy+17;
var c2x = chx+52;
var dy1 = my - c1y;
var dx1 = mx - c1x;//80
var d1 = Math.sqrt(dy1*dy1 + dx1*dx1);
var dy2 = my - c2y;
var dx2 = mx - c2x;
var d2 = Math.sqrt(dy2*dy2 + dx2*dx2);
var ay1 = my - c1y;
var ax1 = mx - c1x;
var angle1 = Math.atan2(ay1,ax1)*180/Math.PI;
var ay2 = my - c2y;
var ax2 = mx - c2x;
var angle2 = Math.atan2(ay2,ax2)*180/Math.PI;
var dv = 1.7;
var onEyeBall1 = (d1 < 17)?d1/dv:10;
var onEyeBall2 = (d2 < 17)?d2/dv:10;
eyeballs.top = chy+sy+pix;
eyeballs.left = chx+sx+pix;
pupil1.top = c1y-6+onEyeBall1*Math.sin(angle1*Math.PI/180)+sy+pix;
pupil1.left = c1x-6+onEyeBall1*Math.cos(angle1*Math.PI/180)+sx+pix;
pupil2.top = c2y-6+onEyeBall2*Math.sin(angle2*Math.PI/180)+sy+pix;
pupil2.left = c2x-6+onEyeBall2*Math.cos(angle2*Math.PI/180)+sx+pix;
}
function move(){
dy = fy += (my-fy) * 0.05;
dx = fx += (mx-fx) * 0.05;
makefollow();
setTimeout(move,30);
}
function init(){
eyeballs = document.getElementById("eyblls"+idx).style;
pupil1 = document.getElementById("ppl1"+idx).style;
pupil2 = document.getElementById("ppl2"+idx).style;
winsize();
move();
}
if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
document.addEventListener("mousemove",mouse,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",winsize);
window.attachEvent("onload",init);
document.attachEvent("onmousemove",mouse);
}
})();
}
/* ]]> */
</script>
Bây giờ, bạn thay đổi các dòng lệnh màu đỏ:
"http://3.bp............./bats11.gif" : Link ảnh chạy theo chuột của bạn
Width: 150px Chiều rộng của ảnh
Height: 120 px Chiều cao của ảnh và bấm LƯU lại là xong
LƯU Ý: Thủ thuật này áp dụng thành công cho giao diện Blog V2 (giao diện tải trên mạng). Nếu giao diện blog của bạn là giao diện mặc định, thì bạn đăng nhập vào Blog > chọn Thiết kế > chọn chỉnh sửa HTML, sau đó bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh <head>, bây giờ bạn chép code dán vào sau dòng lệnh <head> đó, bấm Lưu mẫu là xong.
Các bạn nên chèn ảnh động thì con trỏ chuột sẽ sinh động hơn rất nhiều, các bạn có thể vào đây để chọn cho mình một số ảnh động khá đẹp Ảnh động cho Blog
Chúc các bạn thành công
Chúc các bạn thành công
Labels:
HIỆU ỨNG CHUỘT,
TRANG TRÍ BLOG
FLASH ĐẸP NOEL (PHẦN 2)
Posted by chiasedamme on Saturday, December 3, 2011
Để chuẩn bị cho ngày Giáng Sinh sắp đến, tôi xin giới thiệu đến các bạn một số thiệp Flash khá đẹp, đi kèm với thiệp là những lời chúc "an lành" cho ngày Giáng Sinh và những bài hát về chủ đề "Noel"...
Bạn bấm vào các thẻ phía dưới để xem lần lượt các thiệp nha.
Labels:
FLASH,
TRANG TRÍ BLOG