3.22.2026

Thiết Kế Blog với Blogger Template Designer

Bạn,

Sau khi dùng thử và chỉnh template, tôi rất vừa ý.

1. Chọn Design, rồi chọn Template Designer.




2. Bạn sẽ thấy một chương trình mới, giúp bạn thiết kế blog mà không cần một hiểu biết về HTML hay CSS chi hết. Bước đầu tiên là chọn Template. Có 4 cái chính, trong mỗi cái chính lại có vài cái con. Tôi chọn cái Watermark màu nâu. Bạn sẽ thấy nửa dưới của trang cũng theo cách design cũ, tức là cho bạn xem thử trang ngay lập tức.


3. Chọn hình nền bằng cách ấn vào tab Background. Blogger kỳ này có rất nhiều hình nền, tùy theo từng thể loại. Đây có lẽ là một cái mới mà tôi rất thích, tuy nhiên vì lười nên tôi chọn cái nền màu nâu default mà không chọn một trong các hình mới.


4. Chọn Layout, rồi chọn một trong các layout có sẵn. Lần này Blogger cho ta nhiều chọn lựa lắm.



Bạn thấy tôi đã lựa layout có 2 cột, nhưng cột phụ lại chia làm 2 cột nhỏ.

5. Chỉnh bề rộng của cả blog hay của cột phụ. Đây là cách mà tôi có thể làm tăng Youtube video mà bạn đang thấy "live".



6. Chỉnh font, màu, chiều cao chữ, v.v.


Sau đó, ấn vào nút Save to Blog ở góc phải bên trên cùng, rồi ấn vào Back to Blogger.

Đây là template layout của tôi sau khi sửa xong. Tôi tha hồ mà sửa các widget cho phù hợp. Tôi chọn một Youtube video và danh sách bài ở cột phụ, vì chúng tốn nhiều chỗ. Các widgets còn lại tôi chia chúng đều thành 2 cái cột nhỏ phía dưới.


Còn video, để cho nó rộng hơn thì sửa ở bốn chỗ sau (width="360" hai lần, và height="240" hai lần, đầu và cuối đoạn code):



Chúc bạn thành công.
-
Labels: , , , ,

19 comments:

  1. Bình Nguyên29.4.10

    Cám ơn bài hướng dẫn rất hữu ích, tôi đã có thể tùy biến để có 3 cột trong blog của mình. Nhân tiện, bạn có thể cho biết làm sao tạo ra các tab trên đầu trang ko, ví dụ trên trang của bạn có 3 tab về Paul Mauriat, nhạc tuyển VN và nhạc Phạm Duy. Cảm ơn nhiều.

    ReplyDelete
  2. Hoctro29.4.10

    Chào Bình, mời xem một post tôi viết cách đây vài tháng, về "Pages", khi đó còn ở dạng drafted. Nay nó đã là một tính năng của Blogger.

    http://hoctroviet.blogspot.com/2010/01/tinh-nang-moi-cua-blogger-pages.html
    Chúc thành công nhé!

    ReplyDelete
  3. Tranhung0929.4.10

    Học trò giúp nghía qua nhà mình một tý, liệu tân trang lại nó có làm mất entry, comment không? Toàn phế liệu, nhưng mất đau hơn hoạn.

    ReplyDelete
  4. Hoctro29.4.10

    Chào Trần Hùng, lâu quá không có dịp nói chuyện gẫu.

    Những cái bên ông, Template Designer đều làm được cả. Hay là ông Export blog vô máy computer, tạo ra một blog mới, Import các posts của ông có, rồi làm thử xem có đẹp không trước khi chuyển hẳn sang loại mới này?

    Chúc vui,

    ReplyDelete
  5. Bình Nguyên30.4.10

    Cám ơn Hoctro, tôi đã làm được rồi, hơi dở khi Blogger ko hướng dẫn chi tiết hơn khi người dùng add thành phần Pages vào trang, ví dụ như nói rõ các page mới có thể tạo từ đâu. Tuy nhiên, hình như có hạn chế là mỗi page mới chỉ có thể là 1 bài viết duy nhất thì phải. Tôi cứ mong mỗi page có thể post nhiều nội dung để chia pages theo mục đích, tuy nhiên khi tạo post mới thì ko có mục chọn page cho post đó hiển thị, và nó tự động nhảy vào trang chủ. Bạn có biết cách nào xử lý vụ này không?

    ReplyDelete
  6. Hoctro30.4.10

    Chào anh Bình,

    Tôi nghĩ là anh chưa hiểu rõ Pages để làm gì. Pages có tác dụng như một trang giới thiệu, hay địa chỉ liên lạc, hay chuyên ngành như một trang về Paul Mauriat chẳng hạn. Blogger dùng nó độc lập với hệ thống posts. Nó chỉ cho có 10 Pages thôi, vì sợ cho không giới hạn thì người ta lại không còn thích viết blog nữa, mà chỉ lo o bế làm pages như các commercial websites.

    Cái mà anh muốn, theo tôi nghĩ, là một cách để hiện các posts lên, nhưng theo labels. Cách đây gần 4 năm tôi có viết một cái, bà con tứ xứ khoái lắm. Nhưng bài viết bằng anh ngữ, và phải biết đọc HTML chút đỉnh. Mời anh vào đây xem.

    http://hoctro.blogspot.com/2006/09/tweaking-new-blogger-turning-labels.html

    Cái này nếu dùng chung với feature "Jump break" ( tức là ...read more) sẽ tạo điều anh muốn, tức là ấn vào một horizontal list, thì các posts cùng labels sẽ hiện lên:

    http://hoctroviet.blogspot.com/2009/10/you-might-as-well-jump-jump-breaks-tien.html

    Có gì anh làm thử nghe.

    ReplyDelete
  7. Tranhung0919.7.10

    "Góc học trò" - xem trên Fire Fox các link bị liệt, hổng hiểu sao?!

    ReplyDelete
  8. Hoctro19.7.10

    Anh Trần Hùng ơi, những trang nào thì links bị liệt? Hoctro thử trên Firefox thì được hết mà? Hay là tại vì firewall?

    Thân,

    ReplyDelete
  9. Tranhung0920.7.10

    Test rồi, mấy hôm nay Cáo lửa cháy lông hoá rùa hay sao ý. IE, Chrom vưỡn phình phường Ban ơi!

    ReplyDelete
  10. LamViecOnline28.7.10

    chào bạn, bạn có thể giúp mình tạo một widget "Thông Báo Mới" hiện những thông tin trong trang "Thông báo Mới" để những người vào Blog mình biết có thông báo mới nào mà không cần vào trang "Thông Báo Mới" không.

    ReplyDelete
  11. LamViecOnline28.7.10

    àh sorry vài viết 2 bài rời ra. sẵn tiện cho mình hỏi làm sao để làm mất 2 đường viền màu xanh 2 bên blog để bài viết được rổng rãi hơn. Thanks bạn nhiều

    ReplyDelete
  12. LamViecOnline29.7.10

    đù sao củng cám ơn bạn nhiều, mình vừa design lại bạn vào xem thử.

    ReplyDelete
  13. Beben Koben1.8.10

    hai bro, how are you?
    no newer hack2 anymore...hihihi

    ReplyDelete
  14. Hoctro2.8.10

    Hi Beben,

    I'm retiring from "hacking" the Blogspot world. So much has been done by the Blogger team, there's not much left to hack. If you have new ideas you can post here. I check this blog more often than the other.
    Cheers,

    ReplyDelete
  15. Miracle20.8.10

    Chào anh,
    Anh có thể giúp em cách tạo thanh cuốn lên xuống trong từng widget không cơ? Em không có nhiều giờ để mò về code, nhưng muốn làm gọn blog một chút. Để các posts kéo dài xuống thấy rối quá à, vì em định chia ra nhiều góc khác nhau í mà...
    Cảm ơn anh nhiều nhé.
    Mong anh giúp!

    ReplyDelete
  16. Hoctro20.8.10

    Chào bạn, muốn làm thanh cuốn phải để widget trong một "div",

    <div style='height:200px;overflow:auto;'>

    ... widget ...

    </div>

    Thí dụ là widget "Chọn bài đọc" trong trang này, có 360 bài dùng AJAX callbacks, không cuốn lại chắc dài lắm!

    ReplyDelete
  17. Miracle21.8.10

    Nghĩa là mình vào Edit HTML và thêm đoạn code đó hở? Bạn có thể nói rõ hơn dùm mình được không..., vì mình không biết về code nhiều.

    ReplyDelete
  18. Miracle22.8.10

    Đúng là mình hông biết trong edit HTML chỗ nào là chỗ cần sửa lại. Mình định để blog này lâu dài, thường xuyên viết, nên sợ sau này nhiều quá.Dù sao, cảm ơn bạn nhiều nhiều. Một lúc nào đó đủ liều, mình sẽ sửa thử xem hậu quả tới đâu. hihi...^^

    ReplyDelete
  19. Miracle22.8.10

    Bạn ơi, mình làm được rồi nè!!! hihi...

    ReplyDelete

Note: Only a member of this blog may post a comment.

Subscribe to: Post Comments (Atom)

Dear readers,

The following is a pinned post. Hoctro's Place (Góc Học Trò) is a place for me to deliver my past, present, and future thoughts about music and about my "vibe-coding" experiences with Claude Code, tips and tricks, so to speak. It's also a place to post my collaboration with Claude Code, ranging from supervising it to write analysis essays about prominent Vietnamese musicians such as Phạm Duy and Trịnh Công Sơn, to everything else that I find interesting.

For me, Claude AI's analysis essays are so in-depth and showing many new perspectives, it would be wasteful not to share with the world. It is a collaboration, because just like "vibe-coding", I might have not written the words, but I was the one whom conceived the original ideas, supplied the documents for Claude to research from, read and corrected hallucinations, and gave final approval for it to be published.

I sometimes print transcripts of interesting videos from other places, in order to share with others whom are more comfortable in reading and thinking things through. I don't have adsense as a side source income, so again if anything it's just helping the original video owners to gain more potential viewers, and readers to have readable material to learn.

Bạn đọc thân ái,

Sau đây là vài dòng tự sự. Hoctro's Place (Góc Học Trò) là chỗ để tôi chia sẻ những suy nghĩ của mình về âm nhạc và về những trải nghiệm "vibe-coding" với Claude Code, mấy mẹo hay ho mà tôi học được. Đây cũng là chỗ để tôi đăng những bài làm chung với Claude Code, từ việc tôi hướng dẫn nó viết bài phân tích về những nhạc sĩ Việt Nam nổi tiếng như Phạm Duy và Trịnh Công Sơn, cho tới đủ thứ khác mà tôi thấy hay.

Với tôi, những bài phân tích của Claude AI rất sâu sắc, chỉ ra nhiều góc nhìn mới, không chia sẻ với bạn đọc thì rất uổng phí. Nói là làm chung, bởi vì giống như "vibe-coding" vậy đó, tôi có thể không phải là người viết ra từng chữ, nhưng tôi là người nghĩ ra ý tưởng ban đầu, cung cấp tài liệu cho Claude nghiên cứu, đọc lại rồi sửa mấy chỗ nó viết sai, và quyết định cuối cùng có đăng hay không.

Thỉnh thoảng tôi cũng in lại nội dung mấy video hay từ chỗ khác, để chia sẻ cho những bạn nào thích đọc và suy ngẫm hơn là coi video. Tôi không có chạy quảng cáo kiếm tiền gì hết, nên nếu có gì thì cũng chỉ là giúp mấy chủ video gốc có thêm người xem, và giúp bạn đọc có thêm tài liệu để học thôi. Chào bạn và mong bạn tìm thấy những khoảnh khắc vui khi đọc trang này.