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

TẠO BACKGROUND CHO BÀI VIẾT

Để 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" và "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