Cách tạo button, logo và banner cho blog, website
Thứ Năm, 21 tháng 8, 2014
Để thu hút lượng truy cập và tăng
thời gian lưu lại trên blog của bạn, điều quan trọng nhất là blog của bạn phải
được thiết kế đẹp và chuyên nghiệp. Bài viết này sẽ hướng dẫn bạn Cách tạo
button, logo và banner cho blog, website.
Kích thước các
button cho blog thông thường là 80x15 pixels. Ngoài ra bạn có thể thiết
kế các banner hoặc logo dạng chuẩn khác tùy theo nhu cầu của mình.
Dưới đây tôi hướng dẫn bạn cách tạo button ở trang http://www.invision-graphics.com/button_generator.html
Choose your border colors: Chọn các màu đường viềng.
Outer border: Đường viềng ngoài
Inner border: Đường viềng trong
Bar Position: Vị trí vạch ngang
Customize the left box: Tùy chỉnh box trái.
Text: Text nhập vào
Background: Màu nền
Text start: Vị trí pixel mà text bắt đầu.
Tương tự cho Customize the right box (Tùy chỉnh box phải).
Để dễ hiểu hãy xem hình minh họa sau:
Xin lưu ý bar position (vị trí vạch ngang) và text stat (vị trí pixel text bắt đầu) của right box
phải cân đối trên chiều dài tối đa 80 pixels. Ví dụ tôi ước lượng chữ
THU THUAT sẽ chiếm khoảng 52 pixel trái, vì vậy vạch ngang sẽ nằm ở
khoảng pixel thứ 52 và text stat
của right box sẽ nằm ở vị trí lệch về phải một chút, pixel thứ 55 chẳng
hạn (Hình phía trên). Nào hãy xem, nhìn rất chuyên nghiệp!
Ngoài trang web trên, bạn có thể tìm thấy các địa chỉ dưới đây.
- http://www.bloggertalk.net/button_generator.html
- http://tools.blogflux.com/buttonmaker/
- http://kalsey.com/tools/buttonmaker/
- http://tools.dynamicdrive.com/button/
- http://www.tomaweb.com/buttons.asp
- http://www.coolarchive.com/buttonmaker.php
- http://www.graphicsguru.com/button.php
- http://creatr.cc/blogbutton/
Một vài trang tạo banner:
- http://www.stripegenerator.com/
- http://www.banner-generator.net/en/bannergen.php?genaction=2&pid=1&x=80&y=4
- http://www.mybannermaker.com/
- http://www.web20badges.com/
- http://creatr.cc/creatr/
- http://cooltext.com/
- http://www.mycoolbutton.com/
- http://www.ajaxload.info/
- http://www.2k12.de/web20/
- http://www.webscriptlab.com/
- http://h-master.net/web2.0/
- http://www.simwebsol.com/ImageTool/
- http://web2.0stylr.com/stylr.aspx
- http://www.seomoz.org/web2.0/
- http://www.buttonator.com/
Bài liên quan
Comments[ 0 ]
Đăng nhận xét
Chào bạn. Rất cảm ơn bạn đã truy cập trang blog của Trần Văn Minh. Nếu có bất kỳ thắc mắc nào hãy vui lòng để lại ý kiến/nhận xét của bạn. Tôi rất vui nếu bạn viết bằng tiếng Việt có dấu. Trân trọng!