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

Để 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/AVvXsEgG3As6V_G0gNh9ug4dTHbmYltgimuVsYyPeSWKKn6M3FMupPBca2wSks3yUahmjWAR_ZsVSPNdya8ZbIyXZ2w76fj6Z6YuJ7YPqBwvLGZPuk5wa7dblyoZVBDf0PpkiUaGFGK8-4_2MzI/s1600/rainbow.gif);

}

a:hover, a.link:hover, a.navbar:hover {

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG3As6V_G0gNh9ug4dTHbmYltgimuVsYyPeSWKKn6M3FMupPBca2wSks3yUahmjWAR_ZsVSPNdya8ZbIyXZ2w76fj6Z6YuJ7YPqBwvLGZPuk5wa7dblyoZVBDf0PpkiUaGFGK8-4_2MzI/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)

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 →

TRUY CẬP NHANH ĐẾN TẤT CẢ CÁC DỊCH VỤ CỦA GOOGLE

Chắc các bạn ai cũng biết "gã khổng lồ" Google??? "Gã khổng lồ" này có rất nhiều dịch vụ "con". Để vào các dịch vụ "con" này, các bạn phải nhập địa chỉ hoặc mở bookmark mất rất nhiều thời gian. Có một cách đơn giản hơn rất nhiều giúp bạn truy cập đến từng dịch vụ Google này một cách nhanh  chóng đó là cài một Add-on cho Google Chrome có tên là: Terminal for Google.

Đầu tiên, bạn dùng trình duyệt Google Chrome và truy cập VÀO ĐÂY.

Một bảng nhỏ hiện ra, bạn bấm vào thẻ phía trên cùng Add to Chrome > Install. 

Nếu cài đặt thành công thì phía trên thanh công cụ của Chrome các bạn sẽ thấy một biểu tượng hình chữ "g", khi bấm vào biểu tượng này các dịch vụ "con" của Google sẽ hiện ra trong một giao diện thống nhất.

Bây giờ, các bạn muốn sử dụng dịch vụ nào thì cứ "tự nhiên" bấm vào dịch vụ đó và trang Web tương ứng sẽ mở ra trong một thẻ mới để bạn tha hồ khám phá...

More about →

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

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 →

TẠO BIỂU TƯỢNG LOADING CHO BLOGSPOT

Bạn có thể gắn biểu tượng LOADING...(đang tải dữ liệu..) cho blogspot với đoạn code đơn giản dưới đây. (Bạn có thể xem thử ngay tại trang dunghennesy.blogspot.com này)

Biểu tượng này "xuất hiện" khi đang load trang Web/Blog và nó sẽ "biến mất" khi trang đã load xong.

Thủ thuật này rất đơ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
 

<script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga() {
document.getElementById("imgLOAD").style.display="none";
}
</script>
<div id="imgLOAD" style="position:fixed;top:50px;right:400px" align="right">
Đang tải dữ liệu, chờ chút nha bạn!!!...<br/>
<img src="LINK CỦA BIỂU TƯỢNG LOADING"/></div>

Bạn thay đổi các dòng lệnh màu xanh, (nơi biểu tượng Loading xuất hiện), và dòng lệnh màu đỏ để phù hợp với Blog mình.

Bạn có thể VÀO ĐÂY để chọn cho mình một biểu tượng LOADING như ý nha.
Ngoài ra, bạn cũng có thể thay thế biểu tượng LOADING bằng những ảnh động, (xem và tải ảnh động TẠI ĐÂY).


Chúc các bạn vui!!!

More about →

THAY ĐỔI HÌNH DÁNG CON TRỎ CHUỘT PHẦN 2

Trước đây, tôi có chia sẻ với các bạn cách thay đổi hình dáng con trỏ chuột (Xem TẠI ĐÂY).

Kỳ này, tôi tiếp tục chia sẻ với các bạn cách thay đổi hình dáng con trỏ chuột phần 2.

Phần 2 này, có 2 kiểu để bạn lựa chọn:

Kiểu 1: Với kiểu này thì bạn chỉ cần 1 hình ảnh cho con chuột.

Xem thử

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.

<div align="center" style="visibility: visible; z-index: 9;">
<style>
HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzETTLIHbxj6Yed67jwSDG92FOUZUG8GeauKfjiRgw3_65CGLNn-J6ztC_zasZxXN5JWQa5VgxDHlSyErObXzbJwaYKVn6e1Yd54fzfGkHL508fBy0MeLGTKmKsVol74ABcb-XXVKAL9A/s1600/batmanlogo.gif"), auto;}
</style></div>

Kiểu 2: Còn với kiểu 2 này, bạn phải cần đến 2 hình ảnh con trỏ chuột.

Xem thử

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

<div align="center" style="visibility: visible; z-index: 9;">
<style>
HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKERZQaDJ8D45kV_xB524SaTK6EhF1-UPGBW7Ggp1qdJjAPBRWavK_mTaHF3ZyggXm8FZC_Fsdw4bViT9TCVxcFU678T5XwR7caIiiF4Vosl2AkCj35cpW4Wmrd_V31wbjRl1xG5Fv4x0/s1600/acespades.gif"), auto;}
</style></div>
<style>
A:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhTUm-nqUzOc_QM3XQxasqUJd7f9YFjxs6sQLjt6vhAEoc6Z062c07JTFSS77JVTnxwrxYbdv2bw76c94HcmJjCs6kUngvTjLuMfy-nhRK4vbBG3h4KJGZXpL9sJ5RrUA4WGagSZa7K8M/s1600/acehearts.gif"), auto;}
</style>

Bạn thay đổi link màu đỏ (đây là link ảnh của con trỏ chuột) để có hình dáng con trỏ chuột theo ý của bạn.
Nếu chưa có hình con trỏ chuột nào vừa ý, bạn có thể bấm vào thẻ phía dưới để lựa chọn cho mình con trỏ chuột "dễ thương" nha.

Xem và tải hình con trỏ chuột

More about →

WELCOME TO MY PAGES

Tôi có sưu tầm ở một vài trang Web nước ngoài một số ảnh động đi kèm với chữ: WELCOME, WELCOME TO MY PAGES... khá đẹp với nhiều kích thước khác nhau, với những hình ảnh động WELCOME này bạn có thể dùng để trang trí cho Blog mình thêm đẹp.

Bạn bấm phải chuột vào hình mình thích và chọn Save as...(lưu ảnh với dạng...) để tải ảnh về.

Mời các bạn xem các ảnh phía dưới.

Xem tiếp

More about →