MENU NGANG TIỆN ÍCH

Chỉ với một đoạn code ngắn và đơn giản, blog của bạn sẽ có một thanh menu ngang khá đẹp chứa các tiện ích khá thông dụng cho một Web/Blog.
Các tiện ích bao gồm: Đồng hồ, các bảng dịch ra tiếng nước ngoài, các trang mạng chia sẻ nổi tiếng, nút bấm lên đầu trang xuống cuối trang...và cuối cùng là nút thu gọn cho menu.

Menu ngang này sẽ nằm ở cuối màn hình, và di chuyển theo thanh trượt (có nghĩa là dù bạn di chuyển lên đầu, giữa hoặc cuối trang Web/Blog thì menu này vẫn xuất hiện luôn sẳn sàng cho bạn sử dụng, nếu không muốn thấy nó thì bấm vào nút cuối để ẩn menu này đi).
Các bạn xem hình minh hoạ:

Bạn bấm vào xem thử phía dưới để thấy "tận mắt" thanh menu ngang nha.




Xem thử

Đầu tiên, bạn đăng nhập vào Blog > chọn Thiết kế > Chọn chỉnh sửa HTML rồi bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh </body>, sau đó dán code menu ngang vào dưới dòng lệnh </body>. Cuối cùng bấm Lưu mẫu rồi trở lại Blog xem kết quả.

Dưới đây là vài mẫu menu ngang, bạn thích mẫu nào thì chép code phía dưới để dán dưới dòng lệnh </body> như hướng dẫn ở trên.

Code mẫu 1: 

<div id='navigbar_36035'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/1-20718.js' type='text/javascript'/></div>

Code mẫu 2:

<div id='navigbar_60048'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/2-35153.js' type='text/javascript'/></div>

Code mẫu 3:

<div id='navigbar_73239'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/3-31159.js' type='text/javascript'/></div>

Code mẫu 4:

<div id='navigbar_22953'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/5-75278.js' type='text/javascript'/></div>

Code mẫu 5:

<div id='navigbar_53326'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/7-38795.js' type='text/javascript'/></div>

Code mẫu 6:

<div id='navigbar_55305'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/8-47887.js' type='text/javascript'/></div>

Code mẫu 7:

<div id='navigbar_21820'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/9-89293.js' type='text/javascript'/></div>

Code mẫu 8:

<div id='navigbar_38605'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/10-72634.js' type='text/javascript'/></div>

Chúc các bạn có một menu ngang đẹp cho Blog của mình!!!

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

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

Nút bấm "Demo" là nút bấm khá quan trọng trong các trang Web/Blog chia sẻ về các thủ thuật, nút bấm này sẽ dẫn khách tham quan đến một bản mẫu minh hoạ cho thủ thuật đó.

Có khá nhiều cách để các bạn làm nút bấm này nhưng để được một nút bấm "Demo" ưng ý bạn phải tốn nhiều công sức và cần đến một trong các phần mềm hỗ trợ (Photoshop chẳng hạn...).

Thủ thuật tôi sắp trình bày ở đây khá đơn giản, chỉ cần trong tay các bạn có 2 hình nút bấm "Demo" là các bạn có thể tạo ra một nút bấm khá đẹp để minh hoạ cho bài viết của mình.

Mời các bạn rê chuột vào các mẫu nút bấm phía dưới để thấy hiệu ứng đổi màu nút hoặc đổi màu chữ "Demo" nha!!! (các bạn chờ trang load xong thì hiệu ứng mới có hiệu lực).

Tương tự như cách làm nút "Download" cho Web/Blog, các bạn chỉ việc thay thế link ảnh nút "Download" bằng link ảnh nút "Demo" là xong.

Các bạn có thể xem cách làm TẠI ĐÂY.

Nếu chưa có ảnh của nút "Demo" các bạn bấm vào thẻ phía dưới để xem và tải nút "Demo" về upload lên host riêng rồi thay thế link vào, hoặc các bạn có thể bấm phải chuột vào nút bấm chọn Copy link location để lấy link thay vào là xong.

Xem và tải nút Demo

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

NÚT BẤM LÊN ĐẦU TRANG XUỐNG CUỐI TRANG

Tôi có sưu tầm từ trang Web nước ngoài một vài mẫu nút bấm lên đầu trang và xuống cuối trang dùng cho Web/Blog.

Ứng với mỗi mẫu là code để chèn vào Blog, các bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán code vào, bấm Lưu lại là xong.


Bạn bấm vào Xem thử để trải nghiệm nút bấm nha!!!


Xem thử

Dưới đây là hình minh hoạ và code của các mẫu nút bấm, bạn thích cái nào thì copy code bên cạnh để dán vào Blog

<div id="navigation_up_down_37339"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/1-37339-right.js"></script></div>



 
<div id="navigation_up_down_79523"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/2-79523-right.js"></script></div>

 <div id="navigation_up_down_89846"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/3-89846-right.js"></script></div>

 <div id="navigation_up_down_8685"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/4-8685-right.js"></script></div>

<div id="navigation_up_down_60107"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/5-60107-right.js"></script></div>

<div id="navigation_up_down_30337"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/6-30337-right.js"></script></div>

<div id="navigation_up_down_21622"><<script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/7-21622-right.js"></script></div>

 <div id="navigation_up_down_42562"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/8-42562-right.js"></script></div>

 <div id="navigation_up_down_90798"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/9-90798-right.js"></script></div>

<div id="navigation_up_down_58760"><script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/10-58760-right.js"></script></div>



Cám ơn Anh "Giarô" đã giúp dunghennessy hoàn thành bài viết này.

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

TẠO CHỮ KÝ CHO BÀI VIẾT

Để tạo sinh động cho bài viết, dưới mỗi bài viết bạn có thể "đóng dấu" bản quyền bằng các chữ ký động "độc quyền", "không đụng hàng"...

Mời các bạn xem thử các mẫu chữ ký phía dưới

Mẫu 1:

Mẫu 2:

Mẫu 3:

Mẫu 4:

Mẫu 5:

Mẫu 6:

Mẫu 7:

Mẫu 8:

Mẫu 9:

Mẫu 10:

Mẫu 11:

Mẫu 12:

Mẫu 13:

Mẫu 14:

Mẫu 15:

Mẫu 16:

Mẫu 17:

Mẫu 18:

Mẫu 19:

Mẫu 20:

Mẫu 21: 

Mẫu 22:

 Mẫu 23:

Mẫu 24:

Mẫu 25:

Mẫu 26:

Mẫu 27:

Mẫu 28:

Mẫu 29:

Mẫu 30:

Mẫu 31:

Mẫu 32:

Nếu bạn thích mẫu nào thì gởi yêu cầu vào ô comments theo mẫu phía dưới, tôi sẽ làm "Free" cho các bạn

Mẫu:......

Tên hiển thị (không dấu):..................

Màu chữ: đỏ, vàng, trắng, đen, xanh dương, xanh lá, nâu, cam....

Địa chỉ mail (để tôi gởi về cho bạn)

Chúc các bạn vui