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.

19 comments:

Bình Nguyên said...

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.

Hoctro said...

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é!

Tranhung09 said...

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.

Hoctro said...

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,

Bình Nguyên said...

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?

Hoctro said...

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.

Tranhung09 said...

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

Hoctro said...

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,

Tranhung09 said...

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!

LamViecOnline said...

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.

LamViecOnline said...

à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

LamViecOnline said...

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

Beben Koben said...

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

Hoctro said...

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,

Miracle said...

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!

Hoctro said...

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!

Miracle said...

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.

Miracle said...

Đú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...^^

Miracle said...

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