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 t...
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 c...
GHÉP CHỮ VÀO ẢNH ĐỘNG VÀ ẢNH TĨNH
|
|
|
<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>
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
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 độ...
TẠO BẢNG QUẢNG CÁO TRƯỢT DỌC Ở 2 BÊN BLOG
<a href="http://www.dunghennessy.blogspot.com/" target="_blank"><img alt="dunghennessy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPIfRiHbmkTtfNxI2zPxjmOzwuyIqpHCusl60H2oGEquyx9oKejI8o5kAL7jAnTmU2lJf9e8dRy_gZEv8h5RY-nZSOhRP-7Go0kLUl5rh48jOO8-EPGgWJ632ZtgsxK96wmd6xZ-xRFCU/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/AVvXsEgNwbTV3KIS2HIrfizF3F4QbYdTHsMlg2qUSfdOzMdBoa-47ql4b64vcCSKU8mGzX86veawiOKk6L33Ye1QBPmepfyl3Lf1b85kIm9SJ_g_vHUAQ8cop7DHmVMbGcGxCukNknL2FL4d1vA/s1600/www.loogix.com_9786920.gif" /></a></div>
"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
Chúc các bạn thành công
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 ...
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 ...
CHỮ "MERRY CHRISTMAS" CHẠY DỌC THEO BLOG
<a href="http://www.anhdepblog.blogspot.com/" target="_blank"><img alt="Blogger Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD2rsZ0zXGrOVYekZSttsLUHiTztYVCXm96ZNYVQTnkKEqCB3gLoakfPUN1mivF5xk9x_7W3elRAMx5mUHPAIzdmkxpvaSYt0sOhnqyfjAkRDYvrF0Ypm6MEIjhdWGdRERnaZQmaK-_jnr/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>
Chúc các bạn và gia đình có một ngày Giáng Sinh vui vẻ và hạnh phúc.
Để 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ữ ...
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...
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...
HIỂN THỊ TỔNG SỐ BÀI VÀ SỐ COMMENTS TRÊN BLOG
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.
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...
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 ...
HIỆU ỨNG RƠI 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.
Đầ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
//Configure below to change URL path to the snow image
var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirDlkQuMAkrUCa7Ymd4DuHthgKyE64kYDvCb79QY66akjAsTRpwvMktE3OTdF7LJEDTIxIH_qeD0Li9HQj0HuIuxH0iWx0nL0WE0FZMlxTI2t4KPL4H2G8ejgARTnBcREh2Ndtnn16Fl0/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/AVvXsEhVnLqEC5PFPmBrAYj_xg7MEXwMcs0wAv9FflCZ1LvHXYSgDrJkU80eSqY6Ue28DV3XjfErO7jXb87NT1yo4DRalVKd588WdOzwZ4RyaSeAimKspLL_1WhVvuL7e8RlQhLBtR1sCXixXi4/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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEhVnLqEC5PFPmBrAYj_xg7MEXwMcs0wAv9FflCZ1LvHXYSgDrJkU80eSqY6Ue28DV3XjfErO7jXb87NT1yo4DRalVKd588WdOzwZ4RyaSeAimKspLL_1WhVvuL7e8RlQhLBtR1sCXixXi4/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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEirDlkQuMAkrUCa7Ymd4DuHthgKyE64kYDvCb79QY66akjAsTRpwvMktE3OTdF7LJEDTIxIH_qeD0Li9HQj0HuIuxH0iWx0nL0WE0FZMlxTI2t4KPL4H2G8ejgARTnBcREh2Ndtnn16Fl0/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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEirDlkQuMAkrUCa7Ymd4DuHthgKyE64kYDvCb79QY66akjAsTRpwvMktE3OTdF7LJEDTIxIH_qeD0Li9HQj0HuIuxH0iWx0nL0WE0FZMlxTI2t4KPL4H2G8ejgARTnBcREh2Ndtnn16Fl0/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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEirDlkQuMAkrUCa7Ymd4DuHthgKyE64kYDvCb79QY66akjAsTRpwvMktE3OTdF7LJEDTIxIH_qeD0Li9HQj0HuIuxH0iWx0nL0WE0FZMlxTI2t4KPL4H2G8ejgARTnBcREh2Ndtnn16Fl0/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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEirDlkQuMAkrUCa7Ymd4DuHthgKyE64kYDvCb79QY66akjAsTRpwvMktE3OTdF7LJEDTIxIH_qeD0Li9HQj0HuIuxH0iWx0nL0WE0FZMlxTI2t4KPL4H2G8ejgARTnBcREh2Ndtnn16Fl0/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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></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/AVvXsEgVNb6uTnAydMruGzuZAeKUlq-6rFa3kIwxU087oTquqYwi5yigo6okyOxzBrvkCTOHrmBdOzjPfeQDvS8S2YGrjV-1AG69so9fBIiOtCaoB11LRK5sUszUWhQ1reIVEWW6Mr46FT_6MAo/"/></span></marquee>
Nếu muốn tìm ảnh động thì mời các bạn VÀO ĐÂY
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...
ẢNH ĐỘNG CHẠY THEO CON TRỎ CHUỘT
/* <![CDATA[ */
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
var e_img = new Image();
e_img.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrUPVNgi6LdcILi4qTS0PY-c6I7hsf6hQnOoOWROdT4yeQFZRHcYPpZeGKTicuXYPH7o2brCKmVF1ciUt-ULjjrZ9Pb9Dodlmpzb18_OtQtdUxmN08e3vIW-XO3kNnZUrwvXq-BYCe4PE/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>
Chúc các bạn thành công
Để 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ỳ ...
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 ...
GẮN BẢNG QUẢNG CÁO CÓ NÚT ẨN HIỆN
* 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/AVvXsEg7fAqyb9F6-gpkBik-FiPasYhYPn7X8NDJQ-1anxhNMYMasOU2UQLSacaGB4TD35ka4YdEtZDp_tItayee84U-akj9koS8QErvlg_l4xL59nXbxGNHVRgwTbU5zWoseHnCUoo9RKvWfmUu/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>
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).
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 ...