-
Dưới đây là một số ảnh động có kích thước 240x320 với chủ đề TR ỜI MƯA . Bạn rê chuột vào giữa 2 ảnh và lăn bi chuột giữa hoăc kéo thanh tr...
-
Hiện nay Mega Drop menu đang được sử dụng rộng rãi và thực sự hữu ích để hiển thị một số lượng lớn các nội dung mà không ảnh hưởng đến bố cụ...
-
Dưới đây là một số ảnh động có kích thước 240x320 với chủ đề QU ỐC K Ỳ C ÁC N Ư ỚC . Bạn rê chuột vào giữa 2 ảnh và lăn bi chuột giữa hoăc ...
-
Hôm nay namkna sẽ chia sẻ đoạn code giỏ hàng (add to cart) cho các bạn am hiểu về thiết kế blog tự thiết kế ra template bán hàng riêng cho m...
-
Để Blog thêm đẹp, các bạn có thể chèn nhiều tiện ích flash cho blog như: Flash đầu trang, Flash ở bên Sidebar...Flash dưới chân Blog. Hôm na...
-
Do có một số bạn yêu cầu, hôm nay mình chia sẻ một số code để chèn tiện ích xem truyền hình cho blog. Ứng với mỗi kiểu mẫu là code phía dưới...
-
Đây là một số code trong các mẫu mặc định của blogger mà có thể nhiều người chưa biết. Các code này được blogger sử dụng để trang trí phần c...
-
Dưới đây là một số ảnh động có kích thước 240x320 với chủ đề CON B Ư ỚM . Bạn rê chuột vào giữa 2 ảnh và lăn bi chuột giữa hoăc kéo thanh tr...
-
Xin nhiệt liệt chào mừng các đoàn đại biểu đến từ khắp năm châu bốn biển đến tham dự hội thảo Vì Một Thế Giới Ngày Mai hôm nay. Trước tiên l...
-
Google Custom Search là một trong những công cụ có danh sách các ưu điểm gần như vô tận. Từ cung cấp các kết quả tìm kiếm siêu liên kết đến ...
Popular Posts
Featured Headlines
Celebrity Gossip
World News
About Me
Meta Links
Technology
Category
- 1
- ẢNH ĐỘNG
- ẢNH TĨNH
- Anime
- BACKGROUND
- Blog Translate
- Blogspot Advertising
- Blogspot back to top
- Blogspot Bookmark
- Blogspot box code
- Blogspot Breadcrums
- Blogspot Comments
- Blogspot Comments Emoticons
- Blogspot CSS HTML
- Blogspot effects
- Blogspot Feed
- Blogspot Hospital
- Blogspot hostting
- Blogspot Icon
- Blogspot JQuery
- Blogspot Label
- Blogspot Links
- Blogspot Menu
- Blogspot Navigation
- Blogspot Plugins
- Blogspot Popular posts
- Blogspot Popup
- Blogspot post
- Blogspot Ramdon Post
- Blogspot Readmore
- Blogspot Recent Comments
- Blogspot Recent post
- Blogspot Redirect
- Blogspot Related posts
- Blogspot search
- Blogspot Sitemap
- Blogspot Slider
- Blogspot Templates
- Blogspot Widgets
- Blogspot-tips
- Bói toán
- Cài đặt
- Câu đối
- comment
- COMMENTS
- Cosplay
- CƠ BẢN
- CSS3
- design
- Design Mobile Template
- Domain
- ĐỒNG HỒ
- Flash
- Game
- Game Mobile
- Giải trí
- Gmail
- Google AdSense
- Hài xuân 2013
- HIỆU ỨNG CHUỘT
- HIỆU ỨNG CHỮ
- Hình nền
- HOT
- IDM-Downloand
- Javar Scipt
- Kham Pha
- Kỹ năng
- Ký tự
- Lam-Phim
- Lightbox
- LINK LIÊN KẾT
- Loadding
- Love - Friend
- MENU
- Mibile
- Mobile
- MỤC LỤC
- My Computer
- NÂNG CAO
- Nền Điện thoại
- NHẠC
- NHÃN
- Notepad
- NÚT BẤM
- Office 2010
- Office 2013
- Phan Mem
- Phim
- Phím Tắt
- Photo
- Popular Posts
- Recent post Home
- Relax
- Responsive
- Seo-Blogspot
- SMS
- Study
- Subscription
- Suy Ngẫm
- TAB
- Television Online
- Template
- Test
- Tho
- Thông báo
- thơ
- Thơ chế
- Thread Comment
- Thu gian cuoi tuan
- THỦ THUẬT ẢNH
- thủ thuật blogspot
- Thư giãn cuối tuần
- TIỆN ÍCH
- Tin tức sốc
- Tooltip
- TRANG TRÍ BLOG
- Trình duyệt
- truyện
- Truyện cười
- Truyện Teen
- Truyện tranh chế
- ỨNG DỤNG TRỰC TUYẾN
- Wifi
- Windown 7
- Windown 8
- Windown Vista
- World-PPT
- Yahoo Messenger
FLASH ĐẸP "NĂM MỚI 2012"
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"
Posted in
Flash
,
TRANG TRÍ BLOG
TẠO CHỮ CHẠY TRONG KHUNG CÓ MÀU NỀN
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
Posted in
HIỆU ỨNG CHỮ
,
TRANG TRÍ BLOG
GHÉP CHỮ VÀO ẢNH ĐỘNG VÀ ẢNH TĨNH
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
Posted in
HIỆU ỨNG CHỮ
,
NÂNG CAO
TẠO BẢNG QUẢNG CÁO TRƯỢT DỌC Ở 2 BÊN BLOG
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/AVvXsEji2ZNBLEbF1uxv7R1I-P-yG2Pfb5HzAzSW8W5Bz-acUbCg_rEKKyQHKwfALv-luhroUmiLWcDRShQD766G682Sln1e8fe0KebBo38HYcyQneV2-UKKe8X5VwGQ1RHSAgR0eVFq7zWbEt4/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/AVvXsEj8iCAFGhBqlwsnGFW6x1XLK2_ElefFnYB8p-0QHsZp6X0lpzmtMBQtaDII4R76kYa-WwoZDE_i_HF2zWKJUgBSWsuF3JVQae2d9vrczk_kXQDX1lUuV8_SAKmjYu7fImkN4lAusLAEqlY/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/AVvXsEji2ZNBLEbF1uxv7R1I-P-yG2Pfb5HzAzSW8W5Bz-acUbCg_rEKKyQHKwfALv-luhroUmiLWcDRShQD766G682Sln1e8fe0KebBo38HYcyQneV2-UKKe8X5VwGQ1RHSAgR0eVFq7zWbEt4/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/AVvXsEj8iCAFGhBqlwsnGFW6x1XLK2_ElefFnYB8p-0QHsZp6X0lpzmtMBQtaDII4R76kYa-WwoZDE_i_HF2zWKJUgBSWsuF3JVQae2d9vrczk_kXQDX1lUuV8_SAKmjYu7fImkN4lAusLAEqlY/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)
Để 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.
Posted in
Flash
,
TRANG TRÍ BLOG
CHỮ "MERRY CHRISTMAS" CHẠY DỌC THEO BLOG
Để 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/AVvXsEgZJF40dcsfOmyau29BjhpBmyKJbHEBdKpzescwk4FXKpgTqhOWfekJW74vEX3p4Tedps88uxA36AbqhcPtKVRHYFe3I9jaDcB2BFXUnaEX6kyHT_SPEhpsQRnDFudX6R8eHN7GnzQCaeEU/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.
Posted in
HIỆU ỨNG CHỮ
,
TRANG TRÍ BLOG
CHỮ "MERRY CHRISTMAS" VỚI HIỆU ỨNG ĐỘNG
Để 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
Posted in
HIỆU ỨNG CHỮ
,
TRANG TRÍ BLOG
TẠO CHỮ CHẠY TRONG KHUNG CÓ VIỀN MÀU
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
Posted in
HIỆU ỨNG CHỮ
,
TRANG TRÍ BLOG
HIỂN THỊ TỔNG SỐ BÀI VÀ SỐ COMMENTS TRÊN BLOG
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)
Để 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.
Posted in
Flash
,
TRANG TRÍ BLOG
HIỆU ỨNG RƠI CHO TOÀN BLOG
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/AVvXsEg3ZslluymkrSXyXayO8SRxFsFHVJOA_qU4mL5l-gQsHdfNhllPI5m84HETAAEvujyQLIcdbb1jHi15xl29sV76uoncnMCDvyB41SoCGeb2lLGqPoSnfocYBdWbOTjGrC4vgdQN_J6hGJU/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/AVvXsEg3ZslluymkrSXyXayO8SRxFsFHVJOA_qU4mL5l-gQsHdfNhllPI5m84HETAAEvujyQLIcdbb1jHi15xl29sV76uoncnMCDvyB41SoCGeb2lLGqPoSnfocYBdWbOTjGrC4vgdQN_J6hGJU/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/AVvXsEikkOhYdRx8Lmi8uJrZGBL3bjSr7pBSoFy-dUizVJwSh2PAD81kEE989yvQF8Bd7U8_fBg5lzUOh-OuMHF-yfh3UYpGZklmzT7CvyTl6CRTPOWMoqfeP3YmtXGOHBuqlUMylUisThDuEb8/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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEikkOhYdRx8Lmi8uJrZGBL3bjSr7pBSoFy-dUizVJwSh2PAD81kEE989yvQF8Bd7U8_fBg5lzUOh-OuMHF-yfh3UYpGZklmzT7CvyTl6CRTPOWMoqfeP3YmtXGOHBuqlUMylUisThDuEb8/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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEg3ZslluymkrSXyXayO8SRxFsFHVJOA_qU4mL5l-gQsHdfNhllPI5m84HETAAEvujyQLIcdbb1jHi15xl29sV76uoncnMCDvyB41SoCGeb2lLGqPoSnfocYBdWbOTjGrC4vgdQN_J6hGJU/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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEg3ZslluymkrSXyXayO8SRxFsFHVJOA_qU4mL5l-gQsHdfNhllPI5m84HETAAEvujyQLIcdbb1jHi15xl29sV76uoncnMCDvyB41SoCGeb2lLGqPoSnfocYBdWbOTjGrC4vgdQN_J6hGJU/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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEg3ZslluymkrSXyXayO8SRxFsFHVJOA_qU4mL5l-gQsHdfNhllPI5m84HETAAEvujyQLIcdbb1jHi15xl29sV76uoncnMCDvyB41SoCGeb2lLGqPoSnfocYBdWbOTjGrC4vgdQN_J6hGJU/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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEg3ZslluymkrSXyXayO8SRxFsFHVJOA_qU4mL5l-gQsHdfNhllPI5m84HETAAEvujyQLIcdbb1jHi15xl29sV76uoncnMCDvyB41SoCGeb2lLGqPoSnfocYBdWbOTjGrC4vgdQN_J6hGJU/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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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/AVvXsEhiBcP3weQKxOv0S9LoUffT0be-zrxFbE0bp8S8JQV5BcH_2UmO3FYsbM4H4fdBB3KneJuzEN__FeY6YrZkwA07wSz7ULxA4yvfakwIOm24PXTapsIL47muN1UDlYxaZIfHQnXwer_J4mg/"/></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
Posted in
Flash
,
TRANG TRÍ BLOG
ẢNH ĐỘNG CHẠY THEO CON TRỎ CHUỘT
Để 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/AVvXsEhqPzWyOpI_s8F1gdi-Yt_dXGi_HxitOHCa6UKOzlT_ouM5DRc6zdi7HiwSUXE0qUlKP1bczawEMkPV3ft8HC4A31UPiMZMCLnIKvzNKjQEztqRAnQxZlFXlpdkA0JuMaTIEpN_d-o_Zc0/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/AVvXsEhqPzWyOpI_s8F1gdi-Yt_dXGi_HxitOHCa6UKOzlT_ouM5DRc6zdi7HiwSUXE0qUlKP1bczawEMkPV3ft8HC4A31UPiMZMCLnIKvzNKjQEztqRAnQxZlFXlpdkA0JuMaTIEpN_d-o_Zc0/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
Posted in
HIỆU ỨNG CHUỘT
,
TRANG TRÍ BLOG
FLASH ĐẸP NOEL (PHẦN 2)
Để 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.
Posted in
Flash
,
TRANG TRÍ BLOG
GẮN BẢNG QUẢNG CÁO CÓ NÚT ẨN HIỆN
Bạn có thể dễ dàng chèn vào Blog mình một bảng quảng cáo giới thiệu về trang Web/Blog nào đó, bảng quảng cáo này sẽ xuất hiện khi một khách bất kỳ vào tham quan blog của bạn và nó sẽ có một nút ẩn hiện nằm ở góc phải của bảng quảng cáo, nếu không muốn xem, các bạn bấm vào nút dấu trừ ( - ) và khi click vào bảng quảng cáo này sẽ đưa các bạn đến đúng trang Web/Blog mà bạn đã liên kết...
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.
<style type="text/css">
* html div#fl813691 {position: absolute; overflow:hidden;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}
#fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; }
#eb951855{ width:279px; padding-right:7px; background:url(http://img98.imageshack.us/img98/9400/rightp.gif) no-repeat right top;}
#cob263512{background:url(http://img205.imageshack.us/img205/2176/fulld.gif) no-repeat left top; height:150px; padding-left:7px;}
#coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;}
#coh963846 a{color:#690;text-decoration:none;}
#coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
#coc67178 li{display:inline;}
#coc67178 li a{background-image:url(http://img205.imageshack.us/img205/9837/closebutton.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
#coc67178 li a.close{background-position: 0 0;}
#coc67178 li a.close:hover{background-position: 0 -15px;}
#coc67178 li a.min{background-position: -30px 0;}
#coc67178 li a.min:hover{background-position: -30px -15px;}
#coc67178 li a.max{background-position: -60px 0;}
#coc67178 li a.max:hover{background-position: -60px -15px;}
#co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}
</style>
<div id="fl813691" style="height: 152px;">
<div id="eb951855">
<div id="cob263512">
<div id="coh963846">
<ul id="coc67178">
<li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li>
<li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li>
</ul>
dungheinken - dunghennessy
</div>
<div id="co453569">
<!-- code ads -->
<a target="_blank" href="http://www.dunghennessy.blogspot.com" rel="nofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCzYyuwYX9uR4Hrxm9eZUAZ-5F7sP7ukQ8MEk-VK1xsZDIIIVz6yDicLD4YO6494H3WmdsJC4KrZDcN7mGOBk3N9cbehs3CGdxGK0RdXoSKT8A6KjXrvkcK6M7EmHSAULib6TFSLnTKOtD/s1600/www.loogix.com_9715320.gif" height="115" title="dunghennessy - Thủ thuật blogspot"/></a>
<!-- code ads -->
</div>
</div></div></div>
<script>
pf204652bottomLayer = document.getElementById('fl813691');
var pf204652IntervalId = 0;
var pf204652maxHeight = 150;//Chieu cao khung quang cao
var pf204652minHeight = 20;
var pf204652curHeight = 0;
function pf204652show( ){
pf204652curHeight += 2;
if (pf204652curHeight > pf204652maxHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
function pf204652hide( ){
pf204652curHeight -= 3;
if (pf204652curHeight < pf204652minHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
function pf204652clickhide(){
document.getElementById('pf204652hide').style.display='none';
document.getElementById('pf204652show').style.display='inline';
pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );
}
function pf204652clickshow(){
document.getElementById('pf204652hide').style.display='inline';
document.getElementById('pf204652show').style.display='none';
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
}
function pf204652clickclose(){
document.body.style.marginBottom = '0px';
pf204652bottomLayer.style.display = 'none';
}
</script>
* html div#fl813691 {position: absolute; overflow:hidden;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}
#fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; }
#eb951855{ width:279px; padding-right:7px; background:url(http://img98.imageshack.us/img98/9400/rightp.gif) no-repeat right top;}
#cob263512{background:url(http://img205.imageshack.us/img205/2176/fulld.gif) no-repeat left top; height:150px; padding-left:7px;}
#coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:277px;}
#coh963846 a{color:#690;text-decoration:none;}
#coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
#coc67178 li{display:inline;}
#coc67178 li a{background-image:url(http://img205.imageshack.us/img205/9837/closebutton.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
#coc67178 li a.close{background-position: 0 0;}
#coc67178 li a.close:hover{background-position: 0 -15px;}
#coc67178 li a.min{background-position: -30px 0;}
#coc67178 li a.min:hover{background-position: -30px -15px;}
#coc67178 li a.max{background-position: -60px 0;}
#coc67178 li a.max:hover{background-position: -60px -15px;}
#co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}
</style>
<div id="fl813691" style="height: 152px;">
<div id="eb951855">
<div id="cob263512">
<div id="coh963846">
<ul id="coc67178">
<li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li>
<li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li>
</ul>
dungheinken - dunghennessy
</div>
<div id="co453569">
<!-- code ads -->
<a target="_blank" href="http://www.dunghennessy.blogspot.com" rel="nofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCzYyuwYX9uR4Hrxm9eZUAZ-5F7sP7ukQ8MEk-VK1xsZDIIIVz6yDicLD4YO6494H3WmdsJC4KrZDcN7mGOBk3N9cbehs3CGdxGK0RdXoSKT8A6KjXrvkcK6M7EmHSAULib6TFSLnTKOtD/s1600/www.loogix.com_9715320.gif" height="115" title="dunghennessy - Thủ thuật blogspot"/></a>
<!-- code ads -->
</div>
</div></div></div>
<script>
pf204652bottomLayer = document.getElementById('fl813691');
var pf204652IntervalId = 0;
var pf204652maxHeight = 150;//Chieu cao khung quang cao
var pf204652minHeight = 20;
var pf204652curHeight = 0;
function pf204652show( ){
pf204652curHeight += 2;
if (pf204652curHeight > pf204652maxHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
function pf204652hide( ){
pf204652curHeight -= 3;
if (pf204652curHeight < pf204652minHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
function pf204652clickhide(){
document.getElementById('pf204652hide').style.display='none';
document.getElementById('pf204652show').style.display='inline';
pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );
}
function pf204652clickshow(){
document.getElementById('pf204652hide').style.display='inline';
document.getElementById('pf204652show').style.display='none';
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
}
function pf204652clickclose(){
document.body.style.marginBottom = '0px';
pf204652bottomLayer.style.display = 'none';
}
</script>
Bây giờ, bạn thay đổi các đường link màu xanh (http://www.dungheineken.blogspot.com.......) là địa chỉ trang Web/Blob mà bạn muốn liên kết, (http://3.bp......gif) link ảnh quảng cáo, (dungheineken - dunghennessy) tiêu đề bảng quảng cáo
và bấm LƯU lại là xong.
Mách nhỏ: để bảng quảng cáo thu hút khách tham quan thì bạn nên để hình động (.gif) thì đẹp hơn, nếu muốn làm ảnh động từ các ảnh tĩnh (giống như bảng quảng cáo của tôi) thì bạn VÀO ĐÂY để tạo nha (đây là trang Web hỗ trợ tạo ảnh động Free).
Mách nhỏ: để bảng quảng cáo thu hút khách tham quan thì bạn nên để hình động (.gif) thì đẹp hơn, nếu muốn làm ảnh động từ các ảnh tĩnh (giống như bảng quảng cáo của tôi) thì bạn VÀO ĐÂY để tạo nha (đây là trang Web hỗ trợ tạo ảnh động Free).
Chúc các bạn thành công
Nguồn: Itech Plus
Recent Comments Widget