Saturday, November 24, 2007

Các trang web hỗ trợ làm button, logo và banner cho blog, website

Đăng ký dịch vụ lưu trữ đám mây: Dropbox, Mediafire, OneDrive. Sau khi đăng ký xong, cài đặt phần mềm cho Windows hoặc ứng dụng điện thoại - máy tính bảng để đồng bộ dữ liệu.

Có nhiều cách thu hút lưu lượng truy cập vào blog, một trong những cách đó là trao đổi link, button, logo hay banner của bạn với một người khác cùng làm blog. Một nút bấm được thiết kế đẹp sẽ "ăn điểm" trước nhiều nút bấm khác. Nếu bạn là dân đồ họa, sẽ chẳng khó. Còn như tôi và nhiều người khác cũng chẳng cần phải gác tay lên trán suy nghĩ làm việc đó như thế nào mà chỉ cần biết các trang web hỗ trợ.


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.


Tương tự như vậy, bạn có thể làm banner và logo cho blog yêu của mình với các thao tác chọn màu, kiểu, kích thước.

Một vài trang tạo banner:

Nhiều trang web 2.0 tạo logo, rất đẹp!


Nào, hãy nhanh tay thiết kế một button hoặc logo và gửi lại thông tin của bạn dưới bài viết này.

Tham gia Cộng đồng sử dụng Blogger Việt Nam trên Facebook, giải đáp thắc mắc, mẹo vặt, chia sẻ kinh nghiệm sử dụng Blogger (BlogSpot)...

26 comments:

  1. bai viet hay qua, nhung ma anh oi ,em vao blogger cua google lam mot trang blog roi, nhung ma em ko biet lam thenao de thay doi banner cua no.anh chi em voi

    ReplyDelete
  2. @vip_lacoste, thiết kế một banner, vào Blogger trên layout tìm cái header rồi đưa banner lên.

    ReplyDelete
  3. Anh Nhân,
    Sau khi làm logo xong rồi thì làm sao để cài vào blog? Làm sao người ta bấm vào Logo của mình thì sẽ link đến blog của mình. Tôi..hoàn toàn mù tịt về chuyện này, nếu anh hướng dẫn giúp thì cảm ơn nhiều!

    ReplyDelete
  4. @lethang, trong HTML, <a href="link_blog_muốn_trỏ_tới"><img src="link_tới_logo"></a>
    dùng như vậy bạn có thể trỏ tới một trang web hay blog ...

    ReplyDelete
  5. Anh ơi, giờ em mới đọc được bài này ! Em cũng tạo được LOgo, nhưng em cũng không biết làm thế nào để dán nó vào Blog. Để mọi người có thể link tới nó. Em sử dụng blog của Blogger! Mong anh hồi âm!

    ReplyDelete
  6. Anh ơi, em mới làm được 1 cái banner flash cho blogspot, nhưng ko biết cách nào để chèn vô blog được.
    Em tạo 1 widget rồi đưa lên phần header, nhưng mà nó ko cân bằng với trang blog chút nào cả, nó bị lệch qua 1 bên.
    Anh có cách nào để chèn vô ko.

    ReplyDelete
  7. @Nhok Ngok: cậu vô tuỳ chỉnh html rồi Search: header-wrapper sau đó chèn co de Flash vào, muốn căn giữa thì dùng tag center.

    Free Upload Image: http://haosever.com

    ReplyDelete
  8. Ma` anh ơi, bi giờ em muốn xoá bỏ phần header ra khỏi blog thì delete đoạn code nào bây giờ, em del hết từ đoạn
    #header-wrapper { đến #header h1 a:hover { ( nói chung em del hết cái phần header rồi đó) nhưng mà nó đi cái hình ah`, vẫn còn 1 dòng chữ tiêu đề blog ở trên nua~, ko làm sao mà bỏ dòng chữ đó đi được.
    Anh vô blog em coi thử, cái tiêu đề Music Blog For Ngok đó, để như vậy nó chiếm 1 khoảng không gian, hok có đẹp). Blog em nè : http://nhokngok.blogspot.com

    ReplyDelete
  9. Anh Nhân ơi làm cách nào để tạo và dán một cái banner có các mục chọn " trang chủ , phân loại, mục lục, ... " Như của anh . Và thêm nữa làm thế nào để xoá cái logo của Blogger ở trên cùng khỏi blog của mình.
    Cám ơn anh

    ReplyDelete
  10. Cam on thu thuat blog da cung cap mot kinh nghiem rat huu ich

    ReplyDelete
  11. anh oy, em su dung blog 360! thy` co' lam` dc ko va` chen` va`o the' nao` mong anh chi ro~ a. Cam on anh:D

    ReplyDelete
  12. ( HTML ở đâu vậy a? em chỉ biết HTML trong khi entry bài trong blog của mình thôi. Xin anh chỉ giúp cách chèn logo đã tạo được vào blog rõ hơn chút. Cám ơn nhiều.)
    em dùng blog360

    ReplyDelete
  13. anh làm bài chèn flash vào logo ở blogspot đi.

    ReplyDelete
  14. mình thực hiện trình chỉnh sửa cho yahoo blog 360 plus nhưng đều báo lỗi invalid data structure kể cả việc thêm cách trang web yêu thich hay tạo module đều báo lỗi tương tự. Như vậy nghĩa là sao? trả lời cho mình vào mail: kid_duatre@yahoo.com nhé chân thành cảm ơn

    ReplyDelete
  15. minh tao ra baner bang phan mem thi lm sao co the chen vao blog dc

    ReplyDelete
  16. Mời các ban ghé wa http://www.taichinhketoan.com.vn
    Thành công nằm trong tầm tay.

    ReplyDelete
  17. Nhieu qua nhi, de vao thu xem cai da.
    Cam on

    ReplyDelete
  18. Hay qua, hom nay moi biet trang blog nay.

    ReplyDelete
  19. Anh Nhân dạo này còn lên blog nữa không? Cho em hỏi chút: làm sao thay chữ "You might also like:" Bằng chữ "Bạn cũng có thể xem thêm:" giống như blog của anh vậy?

    ReplyDelete
  20. NICK YAHOO CUA MINH NEK: TUNGHOANHTUHAI_NOGHIANGHO MONG CAC ANH CHI DI TRUOC CHI GIAO CHO EM VE BLOGGER VOI

    ReplyDelete
  21. anh ơi cho em hỏi? Em lỡ xóa đi header rồi, bây zờ làm sao phục hồi được!
    Cảm ơn anh nhiều!

    ReplyDelete
  22. Anh Nhân ơi làm cách nào để tạo và dán một cái banner có các mục chọn " trang chủ , phân loại, mục lục, ... " Như của anh . Và thêm nữa làm thế nào để xoá cái logo của Blogger ở trên cùng khỏi blog của mình.
    Cám ơn anh

    ReplyDelete
  23. ý anh Giang là xóa thanh navbar hay là widget mô tả blog vậy ?
    anh thử xem có phải cái này k nhé :)
    http://www.vinadic.tk/2011/09/xoa-tieu-de-va-mo-ta-blog.html

    ReplyDelete
  24. Tạo banner rất dễ dàng, trực quan http://www.stayonsearch.com/bonus/abg/members.php

    ReplyDelete

Cám ơn đã đọc bài viết. Bạn có thắc mắc, gợi ý hoặc bình luận xin chia sẻ bên dưới. Hãy viết bằng tiếng Việt có dấu để mọi người dễ đọc hơn. Xin đừng spam!

Do gần đây nhận rất nhiều spam bán thuốc từ nước ngoài, tạm thời để bình luận bạn bắt buộc phải có tài khoản OpenID hoặc Google. Chức năng này sẽ được khôi phục khi trình trạng spam được cải thiện. Xin lỗi về sự bất tiện này.