Trước đây, dunghennessy có chia sẻ với các bạn code làm các chữ chạy trên thanh tiêu đề (xem TẠI ĐÂY), hôm nay tôi xin chia sẻ với các bạn code làm các dòng chữ tự động thay đổi trên thanh tiêu đề theo thời gian định trước.

Mời bạn bấm vào "xem thử" phía dưới để thấy rõ hơn hiệu ứng này.

Xem thử

Rất đơn giản, bạn chỉ cần đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML (nếu bạn nào chưa biết cách thêm tiện ích HTML thì mời xem BÀI NÀY) rồi dán đoạn code phía dưới vào.

<script language='javascript'>

step=0

function flash_title(){

step++

if (step==8) {step=1}

if (step==1) {document.title='Welcome to my blog!!!'}

if (step==2) {document.title='dunghennessy.blogspot.com'}

if (step==3) {document.title='Thủ thuật cho Blogspot'}

if (step==4) {document.title='Kết nối bạn bè'}

if (step==5) {document.title='Sẻ chia kinh nghiệm'}

if (step==6) {document.title='Gặt hái thành công'}

if (step==7) {document.title='Good luck!!!'}

setTimeout("flash_title()",1000);}

flash_title()

</script>

Bây giờ, các bạn thay đổi các dòng chữ theo ý thích của mình và đặt lại thời gian để chữ thay đổi ở mục setTimeout (số càng lớn chữ chạy càng chậm).

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

READ MORE

Chi với đoạn code nhỏ gọn, bạn có thể gắn các dòng chữ để gởi đến khách tham quan, bè bạn (ví dụ: lời chào, lời cám ơn...hoặc những thông điệp có ý nghĩa khác). Dòng chữ này sẽ chạy qua chạy lại trên blog, khi bạn kéo thanh trượt lên xuống thì dòng chữ này vẫn "theo bạn" và nó chỉ xuất hiện ở một vị trí duy nhất là dưới màn hình vì vậy nó sẽ không cản trở việc xem bài của bạn...

Mời bạn bấm vào Xem thử phía dưới để trải nghiệm nha.

Xem thử

Thủ thuật này cũng khá đơ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 rồi dán đoạn code phía dưới vào.

<div style=
"position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 49999; height: 30px; background-image: url(''); background-position: center center; background-repeat: no-repeat; text-align: center;">
<div style="width: 85%; height: 25px;">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td height="25px" align="center" style=
"color: rgb(5, 255, 25); font-size: 12pt;"><font face=
"Arial, Helvetica, sans-serif"><marquee width="1024" bottom:=""
scrollamount="3" behavior="alternate"><a style=
"color: #00ff00;"><strong>Cám ơn các bạn đã ghé tham quan và ủng hộ dunghennessy</strong></a></marquee></font></td>
</tr>
</table>
</div></div>

Bây giờ, bạn cần thay đổi các dòng lệnh màu đỏ để phù hợp với blog của bạn và bấm Lưu lại là xong.

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

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

READ MORE

Các bạn có thể dùng thủ thuật này để thông báo đến khách tham quan những thông điệp bằng các dòng chữ chạy kiểu 2 lớp.

Mời các bạn bấm "Xem thử" phía dưới để thấy rõ hơn hiệu ứng này.

Xem thử

Thủ thuật này cũng khá đơn giả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 đoạn code phía dưới vào.

<h2> <script language="JavaScript1.2"> var message="dunghennessy xin chào các bạn, cám ơn các bạn đã ghé tham quan và ủng hộ dunghennessy.blogspot.com. Chúc các bạn luôn vui vẻ, hạnh phúc và gặt hái nhiều thành công trong công việc!" var neonbasecolor="gray" var neontextcolor="yellow" var flashspeed=100  //in milliseconds var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function neon(){ if (n==0){ for (m=0;m<message.length;m++) //eval("document.all.neonlight"+m).style.color=neonbasecolor crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) return } } function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon() </script>

Bây giờ, bạn có thể thay đổi các dòng chữ màu đỏ (đây là dòng chữ hiển thị) và màu vàng theo ý thích của mình, trong đó:

* var neonbasecolor="gray": màu của dòng chữ phía dưới.

* var neontextcolor="yellow": màu của dòng chữ chạy phía trên.

* var flashspeed=100  //in milliseconds: tốc độ chạy của chữ.

Và cuối cùng bấm Lưu rồi trở lại blog xem kết quả.

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

READ MORE

Trước đây, tôi có "post" một bài về đề tài này (Xem TẠI ĐÂY).

Hôm nay, tôi chia sẻ với các bạn thêm một cách để tạo chữ chạy trong khung có màu nền do bạn tuỳ chọn.

Nói chung, kiểu này cũng giống với kiểu 1 nhưng nó có thêm những ưu điểm sau:

- Bạn có thể cho điều chỉnh tốc độ cho chữ chạy nhanh hay chậm.

- Khi chữ đang chạy bạn có thể cho nó dừng lại bằng cách rê chuột vào.

- Và điều đặc biệt là bạn có thể gắn link liên kết cho nó (với ưu điểm này, các bạn có thể dùng nó làm quảng cáo cho các bài viết hoặc liên kết đến các trang Web/blog khác....).

Bạn bấm vào Xem thử phía dưới để trải nghiệm nha.

Xem thử

Để làm được như vậy, cá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 tất cả các code phía dưới vào

<marquee onmouseover="this.stop();" onmouseout="this.start();" behavior="scroll" direction="left" bgcolor="#FFE87C" scrollamount=3> <span style="font-weight:bold;font-size:150%;color: rgb(#ffffff,#7D053F, 0);">Cám ơn các bạn ghé tham quan và ủng hộ <a href="http://dunghennessy.blogspot.com">dunghennessy.blogspot.com.</a> Nếu có thắc mắc xin comments phía dưới mình sẽ trả lời cho bạn. Enjoy your stay</span>
</marquee>

Bây giờ bạn thay thế các dòng lệnh màu đỏ và màu xanh theo ý thích của mình. Trong đó:

* scrollamount=3: Đây là tốc độ của chạy của chữ (số càng lớn chữ càng chạy nhanh).

* bgcolor="#FFE87C": Màu nền của khung (Bạn có thể lấy mã màu TẠI ĐÂY).

* Font - size: 150%: Đây là kích cỡ của chữ.

* Bạn thay dòng chữ: "Cám ơn các bạn........Enjoy your stay!" bằng nội dung mà bạn muốn hiển thị.

* Thay địa chỉ http://dunghennessy.blogspot.com bằng địa chỉ liên kết mà bạn muốn liên kết đến (nếu không muốn gắn liên kết thì bạn xoá dòng <a href="http://www.dunghennessy.blogspot.com">dunghennessy.</a>)

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

READ MORE

Với một đoạn code ngắn, các bạn có thể tạo các dòng chữ tự động ẩn hiện trong file Flash,... Bạn có thể áp dụng thủ thuật này để gởi đến khách tham quan những thông điệp, những dòng thông báo hoặc những nội dung nào mà mình muốn

Các bạn xem thử một số mẫu phía dưới để thấy rõ hơn.

Để làm được như vậy, cá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 đoạn code phía dưới vào.

<embed bgcolor="#FFFFFF" height="500" width="550" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://img509.imageshack.us/img509/3908/1122.swf?go=nội dung 1# nội dung 2# Nội dung 3" type="application/x-shockwave-flash" ><br /> </embed>

Bây giờ các bạn thay các dòng lệnh màu xanh (link file Flash), Chú ý: giữa link file Flash và dấu hỏi (?) không có khoảng trắng, nếu có khoảng trắng thì file Flash sẽ không hiển thị, 
Các bạn có thể thay đổi dòng lệnh màu đỏ, trong đó height (chiều cao), width (chiều rộng), nội dung 1,2,3 là các dòng chữ mà bạn muốn hiển thị.

Nếu muốn thêm nhiều dòng chữ hơn, các bạn cứ "tự nhiên" nhưng nên nhớ rằng các dòng chữ sẽ cách nhau bởi dấu thăng #.

 

Lưu ý: Không phải file Flash nào cũng áp dụng được thủ thuật này, do đó tôi đã sưu tầm một số file Flash, các bạn có thể xem mẫu và lấy link TẠI ĐÂY.

READ MORE