TẠO HỘP DỊCH CÓ HÌNH CÁC LÁ CỜ CHO BLOGGER (Kiểu 1)

Trước đây tôi đã chia sẻ với các bảng cách tạo hộp dịch (Translator) trên Blog (Xem hướng dẫn TẠI ĐÂY).

Hôm nay, tôi chia sẻ thêm cho các bạn một tiện ích rất đẹp là gắn vào Blog một hộp dịch có các lá cờ các nước.

Bạn đăng nhập vào Blog > chọn Thiết kế > chọn Thêm tiện ích > Thêm HTML/Javacript rồi dán tất cả các code trong khung này vào và lưu lại là xong

<style type="text/css">.w2bgft{padding:5px;}.w2bgft input{padding:1px;margin-left:1px;border:1px solid #ccc;}.w2bgft input:hover{border:1px solid #ff0000;}</style><div class="w2bgft"><!--Google Flag Translator by way2blogging.org--><form action="http://www.google.com/translate"><script language="JavaScript">document.write ("<input name=u value="+location.href+" type=hidden>")</script><noscript><a href="http://www.way2blogging.org/">Way2blogging</a></noscript><input value="en" name="hl" type="hidden"/><input value="UTF8" name="ie" type="hidden"/><input value="" name="langpair" type="hidden"/><input onclick="this.form.langpair.value=this.value" title="English" value="auto|en" type="image" height="20" src="http://www.google.com/images/flags/uk_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Chinese Simplified" value="auto|zh-CN" type="image" height="20" src="http://www.google.com/images/flags/cn_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Greek" value="auto|el" type="image" height="20" src="http://www.google.com/images/flags/gr_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Hindu" value="auto|hi" type="image" height="20" src="http://www.google.com/images/flags/in_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="German" value="auto|de" type="image" height="20" src="http://www.google.com/images/flags/de_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Dutch" value="auto|nl" type="image" height="20" src="http://www.google.com/images/flags/nl_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Russian" value="auto|ru" type="image" height="20" src="http://www.google.com/images/flags/ru_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Bulgarian" value="auto|bg" type="image" height="20" src="http://www.google.com/images/flags/bg_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Polish" value="auto|pl" type="image" height="20" src="http://www.google.com/images/flags/pl_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Czech" value="auto|cs" type="image" height="20" src="http://www.google.com/images/flags/cz_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Croatian" value="auto|hr" type="image" height="20" src="http://www.google.com/images/flags/hr_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="French" value="auto|fr" type="image" height="20" src="http://www.google.com/images/flags/fr_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Italian" value="auto|it" type="image" height="20" src="http://www.google.com/images/flags/it_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Portuguese" value="auto|pt" type="image" height="20" src="http://www.google.com/images/flags/pt_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Spanish" value="auto|es" type="image" height="20" src="http://www.google.com/images/flags/es_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Arabic" value="auto|ar" type="image" height="20" src="http://www.google.com/images/flags/sa_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Japanese" value="auto|ja" type="image" height="20" src="http://www.google.com/images/flags/ja_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Korean" value="auto|ko" type="image" height="20" src="http://www.google.com/images/flags/kr_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Chinese (traditional)" value="auto|zh-TW" type="image" height="20" src="http://www.google.com/images/flags/tw_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Danish" value="auto|da" type="image" height="20" src="http://www.google.com/images/flags/dk_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Finnish" value="auto|fi" type="image" height="20" src="http://www.google.com/images/flags/fi_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Norwegian" value="auto|no" type="image" height="20" src="http://www.google.com/images/flags/no_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Swedish" value="auto|sv" type="image" height="20" src="http://www.google.com/images/flags/se_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Catalan" value="auto|ca" type="image" height="20" src="http://www.google.com/images/flags/cl_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Filipino" value="auto|tl" type="image" height="20" src="http://www.google.com/images/flags/ph_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Hebrew" value="auto|iw" type="image" height="20" src="http://www.google.com/images/flags/il_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Indonesian" value="auto|id" type="image" height="20" src="http://www.google.com/images/flags/id_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Latvian" value="auto|lv" type="image" height="20" src="http://www.google.com/images/flags/lv_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Lithuanian" value="auto|lt" type="image" height="20" src="http://www.google.com/images/flags/lt_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Serbian" value="auto|sr" type="image" height="20" src="http://www.google.com/images/flags/rs_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Slovak" value="auto|sk" type="image" height="20" src="http://www.google.com/images/flags/sk_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Slovenian" value="auto|sl" type="image" height="20" src="http://www.google.com/images/flags/si_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Ukrainian" value="auto|uk" type="image" height="20" src="http://www.google.com/images/flags/ua_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Vietnamese" value="auto|vi" type="image" height="20" src="http://www.google.com/images/flags/vn_flag.gif" width="30" name="langpair2"/><span style="float:right;margin:3px 5px;font-size:10px;"></span></form></div>

More about →

TẠO LOGO HIỂN THỊ THEO THỜI GIAN ĐỊNH TRƯỚC

Để trao đổi liên kết với các blog khác và để không chiếm không gian của Blog, bạn có thể tạo các logo liên kết chạy ngang (xem hướng dẫn TẠI ĐÂY) hoặc thiết lập thời gian hiển thị logo do mình định trước bằng cách sau:

Đầu tiên, bạn đăng nhập vào blog > chọn Thiết kế > Thêm tiện ích > thêm HTML/Javacript, sau đó dán toàn bộ các code này vào

<div id="logoexc" align="center">Loading Logos...</div><script type="text/javascript"> var avx = new Array(); var avy = new Array(); avx[0]="http://dunghennessy.blogspot.com/"; avy[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghqY0sM2Dll2RSsP9b244CGEJzxivng1s4wuF2o-KESfyUTQdjCp090JUYlsfTAwtT-SqONM2W_Ekkj5WAVZVGUvghwD9dFDNiIF3msM8gdvhn1fO5KsBsQOspF_MKjGcW5O_Lw6PKrtSi/s1600/coollogo_com-3196211867.gif"; avx[1]="http://vudinhhao.blogspot.com/"; avy[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGbOSzRX3MgWCHeyk43-DOmiNnZCZEvIhD5EQpM-BpN3YTZ_7_B6qrgpWuv4P2-ohDn0jG7kUjQa8hIx2SZHtfjwU4It1uOkOVHh-DmmRVEbd18rkFtxKdNb5KszxGR8uBw5xjpc3CjlGr/s1600/Mau.jpg"; avx[2]="http://dungheineken.blogspot.com"; avy[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLREWJnTNH5zEx-KHgIcgJnaSPXPk41DZ-VPd14-ZfTZNMsSbcsN4z7V8nsFdkCCjZJ2za_zHp0yVBjhERh1jHy39EfZ7CkkfiWahTNr9hhydhRjy8aZ9o_OPhbgSwdjwAbNoT-iqJiFzW/s1600/coollogo_com-21114715.gif"; avx[3]="http://kimduccz.blogspot.com/"; avy[3]="http://cdn-img1.imagechef.com/w/110418/anmf286ea510734b0a6.gif"; avx[4]="http://www.docchieu.tk/"; avy[4]="https://lh5.googleusercontent.com/_GyL6s5zl6bA/Ta7mf3QvnnI/AAAAAAAAAE8/xWssT3dzyMo/docchieulogo.png"; avx[5]="http://dunghennessy.blogspot.com/"; avy[5]="http://69.42.73.15/netfu/tmp20020/coollogo_com-13776178.gif"; target = "_blank"; rnd = "x"; numlg = 2; // số logo hiển thị mỗi lần width = 200; // chiều rộng của logo height = 80; // chiều cao của logo border = 1; margin = 2; space = "<br/>"; intervan = 5; // thời gian thay đổi logo tính bằng giây (s) </script><br /> <script src="http://traidatmui-tips.googlecode.com/files/changed_logo.js" type="text/javascript"></script>

Bây giờ, bạn có thể thay thế các địa chỉ Blog và link ảnh mà bạn muốn liên kết ở các dòng:

avx[0]="http://www.dungheineken.blogspot.com/";
avy[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLREWJnTNH5zEx-KHgIcgJnaSPXPk41DZ-VPd14-ZfTZNMsSbcsN4z7V8nsFdkCCjZJ2za_zHp0yVBjhERh1jHy39EfZ7CkkfiWahTNr9hhydhRjy8aZ9o_OPhbgSwdjwAbNoT-iqJiFzW/s1600/coollogo_com-21114715.gif ";

Cho đến avx[5]

              avy[5]

Nếu muốn thêm liên kết thì bạn cứ copy 2 dòng trên và đổi số hiển thị với số thứ tự tiếp theo.

Ví dụ: ở code trên chỉ có 6 liên kết (tính cả số 0), bây giờ bạn muốn thêm 1 liên kết nữa thì copy 2 dòng trên và đổi thành avx[6] và avy[6] là xong.
Với code trên sẽ là như vầy:

Loading Logos...

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

More about →

TẠO MỤC CÁC BÀI CÙNG CHỦ ĐỀ CHO BLOGGER

Để cho bạn đọc dễ tìm kiếm các bài cùng chủ đề trên Blog, bạn có thể tạo mục "Các bài cùng chủ đề hoặc cùng nhãn" phía dưới các bài đăng.

Đầu tiên bạn đăng nhập VÀO ĐÂY, bạn nhập các thông tin cần thiết  mà trang Web yêu cầu và bấm vào GET WIDGET để thêm tiện ích.

Một trang hướng dẫn cài đặt Linkwithin hiện ra, bạn nhấn Install Widget.

Và nhấn Thêm tiện ích để gắn vào Blog và di chuyển tiện ích LinkWithin xuống phía dưới bài đăng.

Bây giờ bạn quay trở về blog sẽ thấy  mục "You may also like"  hiển thị phía dưới các bài đăng trên trang chủ .Bạn có thể thay đổi dòng chữ khác (ví dụ: "bạn có thể xem thêm" hoặc "bài cùng chủ đề" hay "bài cùng nhãn"...) bằng cách vào chỉnh sửa tiện ích LinkWithin 

Rồi dán đoạn code này vào phía trên code mặc định của LinkWithin

<script>linkwithin_text='Bạn cũng có thể xem thêm:'</script>

Với cách làm trên thì tiện ích LinkWithin sẽ hiển thị dưới các bài đăng trên trang chủ, nếu muốn tiện ích này không xuất hiện ở trang chủ chỉ xuất hiện ở mỗi bài đăng thì bạn cần làm thêm bước sau:

Đăng nhập vào Blog > Thiết kế > Chỉnh sửa tiện ích LinkWithin và thêm các đoạn code sau vào phía trên và phía dưới đoạn code mặc định của LinkWithin.

Thêm phía trên:

<b:if cond='data:blog.pageType == "item"'>

Thêm phía dưới:

</b:if>

Bạn xem hình sẽ rõ:

Sau khi thêm xong bạn copy toàn bộ code trong khung và xoá hẳn tiện ích này ra khỏi Blog của bạn.
Tiếp theo bạn vào chỉnh sửa HTML, đánh dấu chọn mở rộng tiện ích, bấm đồng thời hai phím Ctrl+F để mở khung tìm kiếm và gõ vào khung đoạn code sau: <div class='post-footer'> 
Và dán toàn bộ code mà bạn đã copy của tiện ích LinkWithin dán phía trên nó và Save lại là xong.

More about →

TẠO ẢNH ĐỘNG .GIF TRỰC TUYẾN

Để tạo được những bức ảnh động .Gif mà không cần dùng phần mềm hỗ trợ thì đầu tiên bạn click chuột VÀO ĐÂY.

Trang Web sẽ mở ra một trang tạo ảnh động trực tuyến, nếu bạn chỉ có một hình thì bạn click vào một trong các mẫu có sẳn 

Bây giờ công việc bạn cần làm chọn ảnh từ máy tính lên để tạo ảnh động, kế tiếp thay đổi kích thước cho ảnh (nếu muốn còn không thì cứ để mặc định)...Sau khi chọn xong bạn nhấn vào thẻ Generate Animation và chờ ít giây để trang Web thực thi. Nếu thành công trang Web sẽ hiển thị ảnh động của bạn và phía dưới có các link để bạn chia sẻ với bạn bè hoặc dán vào Web/Blog.

Bạn cũng có thể tạo ảnh động .Gif bằng 2 hoặc 3 ảnh với cách làm tương tự.

Chúc bạn vui

More about →

THAY ĐỔI HÌNH DÁNG CON TRỎ CHUỘT TRONG BLOGGER

Nếu nhàm chán với hình con trỏ chuột mặc định, bạn có thể thay đổi hình dáng và màu sắc cho con chuột bằng cách sau:

Đầu tiên, bạn đăng nhập vào Blog, chọn Thiết kế > chọn Chỉnh sửa HTML, sau đó bấm đồng thời cặp phím Ctrl+F để mở hộp tìm kiếm, bạn gõ vào khung chữ </head>. Bây giờ bạn copy code tương ứng với các hình mẫu chuột dán phía trên chữ này </head>.

Đây là các hình con trỏ chuột:
 

<style type="text/css">body, a, a:hover {cursor: url(http://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-newcur.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-Jewelrycur.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-Cutecur.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-coolcur.cur), progress;}</style>

<style type='text/css'>body, a, a:hover {cursor: url(https://sites.google.com/site/bloggertricksandtoolz/bloggertricksandtoolz.com_Purple_.cur), progress;}</style>

<style type='text/css'>body, a, a:hover {cursor: url(https://sites.google.com/site/bloggertricksandtoolz/bloggertricksandtoolz.com_GREEN.cur), progress;}</style>

Sau khi dán code vào bạn bấm LƯU và đăng nhập vào Blog xem kết quả.

Chúc vui

More about →

CÁC HIỆU ỨNG ĐẸP "TRANG HOÀNG" CHO BLOG

Để tạo cho Blog một bộ cánh đẹp, bạn cần "trang hoàng" thêm các hiệu ứng cho nó.

Dưới đây là các hiệu ứng đẹp, nếu thích hiệu ứng nào thì bạn chỉ cần đăng nhập vào Blog, chọn Thiết kế > chọn Thêm tiện ích > chọn HTML/Javacript rồi dán code tương ứng của mỗi hiệu ứng mà bạn chọn vào ô lớn và lưu lại là xong.

* Hiệu ứng sao vàng rơi:

<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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></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/AVvXsEiytMt9VQhnCMGwMTtbB86GJOZt7TFYUlmS4woTKrUyuDmDrwurF6zgq2z2iEfGBycNO5ZkprMipNP6orEwZOQjV4qK51v6U9BYHY1foeRy8fVtf67SpmFeGBo4cwE-ofA1UNuQ_xRS2tw/"/></span></marquee>

* Hiệu ứng sao rơi xuống với nhiều màu chớp tắt:

<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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></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/AVvXsEgqjPS6afU7ccFFpx4B6sUoh1piRBaL1YOOvcC0OlbQOnVLJn00vxDLyf0rXFX-sCM2OXuC5234FY5E09vRf-cdyPV1oBmIJ-P_7LPGUqYJH7ZInvxa5ogh8Yx6TRqqN0wUogEIr_Qu-NQ/"/></span></marquee>

* Hiệu ứng lá rơi:

<script language="JavaScript" src="https://sites.google.com/site/bloggertricksandtoolz/falling_leaveseffectbywww.bloggertricksandtoolz.com.js">
</script>

* Hiệu ứng tuyết rơi:

<script language="JavaScript" src="https://sites.google.com/site/bloggertricksandtoolz/snowstormeffectbywww.bloggertricksandtoolz.com.js">
</script>

* Hiệu ứng chim bay theo con trỏ chuột:

<script type='text/javascript'>
// <![CDATA[
var colour="black";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

* Hiệu ứng bông tuyết rơi:

<script language="JavaScript" src="https://sites.google.com/site/bloggertricksandtoolz/FallingSnowEffectbywww.bloggertricksandtoolz.com-falling_snowflakes.js">
</script>

Bạn cũng có thể góp nhiều hiệu ứng lại với nhau để tạo cho mình một Blog thật đẹp

Chúc vui

More about →

TẠO KHUNG CHỨA CODE TRONG BÀI ĐĂNG

Đa phần các tiện ích dùng cho Blog đều sử dụng các mã code đặc thù riêng của nó, các mã code này đa số đều phức tạp và dài dòng, do đó nếu bạn thường xuyên chia sẻ các mã code này trên blog thì bạn nên gom nó vào khung chứa code riêng cách biệt với chữ viết trong bài đăng để cho thao tác copy của khách tham quan được thuận tiện hơn và ít nhầm lẫn hơn.

Bạn vẫn đăng bài như bình thường, đến đoạn nào bạn muốn chèn khung chứa code vào thì bạn bấm Enter để xuống dòng, sau đó bấm vào thẻ "chỉnh sửa HTML" trên góc phải của trang đăng bài để chuyển qua mã HTML.

 Sau đó bạn dán tất cả các code này vào phía dưới chữ </div>

<div style="border-right: gray 1px solid; padding-right: 4px; padding-left: 4px; font-size: 8pt; border-top: gray 1px solid; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas, &#39;Courier New&#39;, courier, monospace; background-color: #f4f4f4">
  <pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">nội dung bạn muốn nhập</pre>
</div>

Sau khi dán tất cả các code trên vào phía dưới chữ </div>, bạn bấm lại vào thẻ "Viết" trên góc phải của trang đăng bài để quay lại bài viết như bình thường, bây giờ bạn sẽ thấy 1 ô nhỏ có chữ "nội dung bạn muốn nhập" trong một khung nhỏ, đến đây bạn có thể gõ các code mình muốn hiển thị vào ô nhỏ này là xong.
Bạn cũng có thể tạo khung với màu nền khác: màu nền xanh, màu nền đen

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

More about →