TẠO BACKGROUND CHO BÀI VIẾT

Người đăng: kiemdaigia on Chủ Nhật, 18 tháng 3, 2012

Để cho bài viết thêm sinh động hoặc muốn làm nổi bật một đoạn văn bản nào đó, các bạn phải tạo background cho "nó". 
Với thủ thuật này, bài viết của bạn sẽ nằm trên 2 lớp background được "chồng" lên với nhau tạo thành một background có khung ngoài bao quanh khá nổi bật. (background này dùng ảnh động hoặc ảnh tĩnh đều được).
Bạn bấm vào "Xem thử" phía dưới để xem trước vài mẫu của thủ thuật này.




Xem thử



Khi đang đăng bài bình thường, bạn muốn background xuất hiện nơi nào thì bấm vào thẻ HTML phía trên khung soạn thảo để về chế độ HTML

Sau đó dán đoạn code phía dưới vào






<center> <table cellSpacing=15 cellPadding=15 background=Link khung border=1> <tbody> <tr> <td background=Link background><font face="Arial, Helvetica, sans-serif" color=#bfdfff><font face="Arial, Helvetica, sans-serif"> <p style="TEXT-ALIGN: left" align=center><font size=3>NHẬP NỘI DUNG VÀO ĐÂY</font></p>
</font></font></td></tr></tbody></table></center>




Bây giờ, bạn thay vào "link khung""link background" theo ý thích của bạn. 
Tiếp tục, bạn bấm vào thẻ "VIẾT" trên khung soạn bài để quay về chế độ soạn thảo bình thường và thay thế dòng chữ "NHẬP NỘI DUNG VÀO ĐÂY" bằng bài viết của bạn.
Bài viết ở background này, bạn có thể thay đổi font chữ, kích cỡ chữ và màu chữ cho phù hợp với background bằng cách bấm vào các biểu tượng trên khung soạn thảo giống như khi bạn đăng bài bình thường.
Sau khi đăng bài xong, bấm xuất bản bài viết, bạn trở vào blog xem kết quả nha!!!
Nếu bạn chưa có background nào vừa ý???, bấm vào thẻ phía dưới để xem một vài mẫu background là những hình ảnh động, nếu thích thì tải về và áp dụng cho thủ thuật này.






Xem và tải background








More about

TẠO CHỮ CHẠY KIỂU 2 LỚP

Người đăng: kiemdaigia on Thứ Năm, 8 tháng 3, 2012

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!!!









More about

"SẮM" GÓC GIẢI TRÍ CHO BLOGSPOT

Người đăng: kiemdaigia on Thứ Ba, 6 tháng 3, 2012

Để thư giãn sau giờ làm việc căng thẳng, có một số người thư giãn bằng các hoạt động: đi hát Karaoke, đi shopping, tập thể thao...
Còn mình thì chọn cách vào Blog để giải trí: xem bài, trả lời comments, tìm hiểu làm thế nào cho Blog thêm đẹp....
Nhưng thật thiếu sót nếu blog mình toàn là bài viết cùng với đoạn code "khó hiểu"... làm cho khách tham quan đôi lúc cũng bị "stress", vì vậy mình mới tự nhủ "Tại sao không làm một góc giải trí để cho các bạn tham quan hoặc cho mình giải stress" trên blog mà không cần phải rời khỏi blog.
Với ý tưởng đó, tôi đã tạo ra một góc giải trí theo như hình minh hoạ dưới đây:


Bạn bấm vào xem thử phía dưới để thấy rõ hơn




Xem thử


Ngoài việc trang trí blog thêm đẹp, ở góc giải trí này còn có một số trang như: xem phim, nghe nhạc, luyện game, xem truyền hình trực tuyến, clip hài hước.... Muốn giải trí "môn" gì bạn cứ bấm vào là có thể giải stress cho mình mà không cần phải "mò" đi đâu xa cả...
Nếu bạn cũng muốn "sắm" cho mình một góc này thì 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ả đoạn code phía dưới vào.

<script language="JavaScript">
    function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=600,height=450,left = 280,top = 180');");
    }
    </script>

    <table border="0" width="100%" align="left" cellspacing="0" cellpadding="0" class="thongtin" style="border-bottom:1px solid #ddd">     
    <tr><td align="left" valign="top" width="50%">
    <ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1zVsaD3HtEivqLRkbM4s_baX9NTe5s6VilyKrtSCDcdm8-qZkGrdbttPRverawioavIrWRgWgXHXP7PVY1dBdAhPK7GxaiLO2sNDW4cUdPLl1Ru91WetQO5yCy8wocaiR4L3sqLEhI1k/s1600/video-icon.png"/><a href="javascript:popUp('http://phimvang.org/')">Xem phim</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW3MEP9FmENxsF4CKPaaNWFdTKAvUCvWkomKj4CFLV7Eiti_OtYCHcvg_AoPERwM_pPOHs-3kqoYbMZPXDOG84mgcLlVmfBLtLt9DFKySdCpaXR_AAGrrZeyxFjlEhrG1EloVrnx5mwT8/s1600/Music-icon.png"/><a href="javascript:popUp('http://www6.nhac.vui.vn/nhac-che-vui-c37.html')">Nhạc vui</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjByvl_zyRZhHD7VV1Tkqi1hZmPu3lhVFFIEOVCCd52et3J2KAETJSD3K5KcOpF9mIiUt6s8VJpC0zD-xIYzlI6_GTjKEnhTtDC1kFowpb7nSSjHQlOw_AAsQO3YPjdn3nIfwTUowA1PkQ/s1600/Microphone-SH-icon.png"/><a href="javascript:popUp('http://sannhac.com/home')">Karaoke</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTbXPDEGz9yhdVROteC7kPHzDmNFmTWyicOdEmFcde82PVrbt8L-H5piiZErjhBGqhpve-89Lk6kUfvXdE5tKV-ME6ZtnOPlg7arvTn_Nl_HNnxdPFOQn49JFZmBVwLum2IOXm8Mi0u6E/s1600/MP3-blue-icon.png"/><a href="javascript:popUp('http://mp3.zing.vn/')">nghe nhạc MP3</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh6jJHEP5T00rLJJCHOqbJTc0nTSqYvFY6f5oI40GQaNYYx2XDvdUhhyv9iOHnyM-vudZMb4wcXklv5dfNvp52qoPQrL4RvoZ2wpLcEFojqT-BIYyw5STc2iAeGK3od0uZhD2lPMeRozM/s1600/Games-Console-icon.png"/><a href="javascript:popUp('http://luyengame.com/games/hanhdong.html')">Luyện game</a></li>
</ul></td>

    <td align="left" valign="top" width="50%">
    <ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggGT2OdbJFcJ41Q7v8gmpNgpj6201i_gXo-vY-D51coeSz87Jtds9nJadoC06FRYYJLrv1qV85NPt_0WACfYd54JgBfQsUA1nI1Ub2U4zjbsx0py1_jXw7et5rvp9sTrd32GPt1rKBzR8/s1600/people-icon.png"/><a href="javascript:popUp('http://www.noi.vn/home/intro.aspx')">Kết bạn</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ4VHHVq9nWwQ8VFeV0BUKotExSJWpkBE4iOiG3JE6KKrb9h-8fp321xhXwDAVDUxkNgcaL_O5vW8za3YjVIec_EnStVdKUrD4rZCdpU8zkokcvAnyWYv0M92JyV4LFePWUpQ4HaMLins/s1600/Sign-Alert-icon.png"/><a href="javascript:popUp('http://www.chuyenla.com.vn/')">Chuyện lạ</a></li>
     <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-z1uGqnWjX-FGB_SDrnMsfxTsvfD3V4luFTElbUm3SPH_YDc6DkFZaSIFPGQfLAC5VoiXU38sW4LtiB9i_CjbdUatt_sTyCHYJk-rIUz5cgdMx6KGpI87gdqwjunlS6nbsDEyUeqthM8/s1600/love-email-icon.png"/><a href="javascript:popUp('http://thiepdientu.net/')">Gởi thiệp mừng</a></li>
    <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlikrI2KaQLf1V77vKrX9RR4Vi4VYeNkpgW4pOevu-0DhMEo4cVy87eV6EQ58v70Tvuor1pXCMN4yvQuysPaKx-oPh9YTPCjRHzrEgMcxm4q2vRby89UAtVWFcNBFOYnbgSaj7KXUkjOE/s1600/smile-lol-icon.png"/><a href="javascript:popUp('http://video.zing.vn/video/cate/hai-huoc.1.html')">Clip hài hước</a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG_0fbz8c13qhOpB63J4vs4TKFXx0Cm63NN0oO0sUv0OV5vwY9OU4Z7_uRE-NiAQ4ZFLc6j5vhyphenhyphenkEXX2Rki7ZmmrWNk0ajZXFPmc8uPlNZK66dEhSKHxWiYqBw9sedvD9Se_74UocDJks/s1600/Devices-video-television-icon.png"/><a href="javascript:popUp('http://www.xemtivi.net/')">Ti vi online</a></li>
</ul></td></tr></table>

Bạn có thể thay đổi các mục giải trí khác theo ý mình bằng cách thay đổi các đường link màu đỏ (đây là link của icon hiển thị) và các đường link màu xanh (đây là link các trang giải trí).
Nếu các bạn muốn thêm nữa thì chỉ việc chép thêm đoạn code:

<li><img src="LINK HÌNH ICON"/><a href="javascript:popUp('LINK TRANG GIẢI TRÍ')">Tên hiển thị</a></li>

rồi dán trên dòng lệnh </ul></td> và bấm Lưu lại là xong.

Chúc các bạn luôn vui vẻ!!!




▀▄▀▄▀▄dunghennessy.blogspot.com▄▀▄▀▄▀
More about

TẠO NÚT BẤM "DOWNLOAD" CHO WEB/BLOG

Người đăng: kiemdaigia on Thứ Bảy, 3 tháng 3, 2012

Trên các trang Web/Blog chia sẻ, các bạn thường thấy họ cho download một số phần mềm, tiện ích... thông qua các nút bấm "DOWNLOAD" hoặc xem thử thông qua nút "DEMO". Tuỳ theo các trang Web/Blog mà các nút bấm này khá đẹp, có hiệu ứng động, khi rê chuột vào nó sẽ thành hình khác hoặc chữ Download sẽ biến thành màu khác...
Để làm việc này, các bạn phải có một số chương trình (phần mềm) hỗ trợ như là: Photoshop hoặc các phần mềm tạo nút bấm chuyên nghiệp...

Trong giới hạn bài viết này, tôi chia sẻ với các bạn cách tạo nút bấm "DOWNLOAD" có hiệu ứng động (thay đổi hình hoặc chữ Download đổi màu khi rê chuột vào) mà không cần phải nhờ phần mềm hỗ trợ nào hết chỉ cần bạn dán code và thay đổi link ảnh vào mà thôi...
Bạn bấm vào "Xem thử" để xem vài mẫu nút bấm "DOWNLOAD" nha.
Khi đang soạn bài bình thường, muốn nút bấm "DOWNLOAD" này xuất hiện ở đâu, bạn chỉ cần bấm vào thẻ HTML ở phía trên khung soạn thảo để sang chế độ HTML rồi dán code phía dưới vào, sau đó bấm thẻ VIẾT để trở về chế độ soạn thảo bài viết tiếp tục.
 Đây là code của nó:
<a href="http://dunghennessy.blogspot.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ZW-tG5LcBfH8OIKzeMalijrd73scCVVb9uqmDGb3yhSDUpT3R8s5Y6kZOLLEeO-7iBEEw4YzBh6VX6io5pp4XbwzQDE2IlbHspRMtUm_OorOzjMY03CKlPVPWjxEyhxo8m2nThEdTk8/s1600/cooltext655930958.png';" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrROpkTjo78iKB-5jTeauI6CFa6S5wuu48ZCs30fe7nb4EtHDDlZnldYBVlG4cDFXYcnfkMldmId7T3V6-8TfrdRbnlO-MTm8l3VzErVPh_6d696wNjq8B5tDSu5tjS3IwmWaiEULScCI/s1600/cooltext655930958MouseOver.png';" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ZW-tG5LcBfH8OIKzeMalijrd73scCVVb9uqmDGb3yhSDUpT3R8s5Y6kZOLLEeO-7iBEEw4YzBh6VX6io5pp4XbwzQDE2IlbHspRMtUm_OorOzjMY03CKlPVPWjxEyhxo8m2nThEdTk8/s1600/cooltext655930958.png" /></a>

Bây giờ, bạn thay đổi các dòng lệnh màu đỏ, xanh, vàng để phù hợp với blog của mình, trong đó:
* Link màu đỏ: là link mà mình muốn nút bấm liên kết đến (có nghĩa là khi bấm vào nút này sẽ đưa bạn đến link download phần mềm nào đó để download).
* Link màu xanh (2 link): đây là hình ảnh ban đầu của nút bấm khi chưa rê chuột vào.
* Link màu vàng: đây là hình ảnh sẽ thay đổi khi rê chuột vào. 

Bạn chưa có ảnh nút bấm "DOWNLOAD"???. Mời các bạn bấm vào hình phía dưới để tham khảo một số mẫu nút bấm, nếu thích thì tải về upload lên lấy link để thay vào.
Xem và tải nút "DOWNLOAD"

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

TẠO HIỆU ỨNG CHO LINK LIÊN KẾT

Người đăng: kiemdaigia on Thứ Tư, 29 tháng 2, 2012

Để cho link liên kết thêm sống động, bạn phải gắn hiệu ứng cho nó.
Bạn bấm vào "Xem thử" để thấy rõ hơn hiệu ứng của link liên kết.



Xem thử


Để 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 copy đoạn code phía dưới và dán vào.



<style type="text/css">
a.navbar:hover {
color:;
font-weight:bold;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo9KvCoqNCRMwwNMO6YXV9gkePvWEuORc7K9xMmyGXPPIq0q6gMXo8gZDhi4W6zQkc0-wJSbfpkSP1ePzuP9wxEJBawy7IpBsIx3jT2fhKvX4k773yNB5nTeKALIsW8vMZAMDpwvaq2N0/s1600/rainbow.gif);
}
a:hover, a.link:hover, a.navbar:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo9KvCoqNCRMwwNMO6YXV9gkePvWEuORc7K9xMmyGXPPIq0q6gMXo8gZDhi4W6zQkc0-wJSbfpkSP1ePzuP9wxEJBawy7IpBsIx3jT2fhKvX4k773yNB5nTeKALIsW8vMZAMDpwvaq2N0/s1600/rainbow.gif);
font-size:10t;
color:;
text-decoration:none;
border:1px solid;
}
</style>


Bây giờ, bạn có thể đổi các dòng lệnh màu xanh và màu đỏ tuỳ theo ý thích của bạn, cuối cùng bấm Lưu lại là xong.
Dưới đây, là một vài mẫu hiệu ứng cho link liên kết, bạn bấm phải chuột vào ảnh chọn Save as (lưu ảnh dưới dạng)... để tải về, sau đó upload để lấy link chèn vào dòng lệnh màu đỏ.

































More about

TẠO CHỮ CHẠY TRONG KHUNG CÓ MÀU NỀN (KIỂU 2)

Người đăng: kiemdaigia on Chủ Nhật, 26 tháng 2, 2012

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...
More about

TẠO MENU NGANG CÓ MENU CON XỔ XUỐNG MỘT CẤP (KIỂU 2)

Người đăng: kiemdaigia on Thứ Sáu, 24 tháng 2, 2012

Với thủ thuật này, các bạn có thể tạo cho mình một menu ngang màu đen, bên phải của mỗi menu có hình mũi tên, khi rê chuột đến mũi tên này thì sẽ xuất hiện một dãy menu dọc được xổ xuống phía dưới.







Bạn bấm vào thẻ Xem thử phía dưới để thấy rõ hơn.

Xem thử


Đầu tiên, bạn đăng nhập vào Blog > Chọn Thiết kế > 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 copy đoạn code phía dưới dán trên dòng lệnh </head> này và bấm Lưu mẫu. (Vì đoạn code này xung đột với các code trên trang này, do đó các bạn thông cảm download TẠI ĐÂY)
Bước kế tiếp, 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.


<ul class="topnav">
 
<li><a href="#">Home</a></li>
<li>
<a href="#">Menu 1</a>
<ul class="subnav">
<li><a href="#">Menu con 1</a></li>
<li><a href="#">Menu con 2</a></li>
<li><a href="#">Menu con 3</a></li>
<li><a href="#">Menu con 4</a></li>
<li><a href="#">Menu con 5</a></li>
</ul>
</li>
<li>
<a href="#">Menu 2</a>
<ul class="subnav">
  <li><a href="#">Menu con 1</a></li>
  <li><a href="#">Menu con 2</a></li>
  <li><a href="#">Menu con 3</a></li>
  <li><a href="#">Menu con 4</a></li>
  <li><a href="#">Menu con 5</a></li>
  <li><a href="#">Menu con 6</a></li>
</ul>
</li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
<li><a href="#">Menu 6</a></li>
 
</ul>



Bây giờ, bạn thay đổi các dòng lệnh màu đỏ (đây là tên hiển thị các menu, ví dụ: thủ thuật blogspot, thủ thuật Windows...) và dấu "#" màu xanh (đây là link các trang mà bạn muốn liên kết đến), cuối cùng bấm Lưu lại là xong.
Chúc các bạn thành công.

More about