Hướng dẫn thiết kế Template Blogspot [Phần 2]
Bước 4: Tạo Widget Pages Menu
Công việc tạo pages menu về mặt code cũng không có nhiều khác biệt so với việc tạo widget Header. Chủ yếu ở kỹ năng CSS của bạn. Bạn chỉ cần chèn đoạn code dưới đây vào vị trí bạn muốn hiển thị.
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'> <b:widget id='PageList1' locked='false' title='Pages' type='PageList'> </b:widget> </b:section>
Sau khi chèn bạn chỉ cần thêm các thẻ HTML và dùng CSS để chỉnh sửa theo ý mình.
Bước 5: Tạo Widget Content
Tới đây chắc các bạn sẽ thắc mắc widget Content là gì ? Nếu muốn biết bạn chỉ cần vào mục Layout (bố cục) trong Dashboard Blogger, bạn sẽ thấy một mục lớn tên Blog Posts có nhiệm vụ hiển thị các bài đăng của bạn đó chính là widget Content.
Sau đó bạn chỉ cần chèn đoạn code dưới đây đề hiện thị widget Content.
<b:section class='main' id='main' preferred='yes' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> </b:widget> </b:section>
Sau khi lưu đoạn code trên, bạn hãy tải lại file xml, nó sẽ tự động thêm các đoạn code mặc định của mục Blog Posts. Và bạn chỉ cần dùng CSS để tùy chỉnh theo nhu cầu của bạn.
Bước 6: Tạo Khu Vực Chèn Gadgets
Năm bước trên đã giúp bạn có template khá đầy đủ. Ở bước này tôi sẽ hướng dẫn bạn thêm khu vực chèn Gadgets, bạn có thể áp dụng nó cho sidebar hoặc footer. Chèn đoạn code dưới đây vào khu vực bạn chọn.
<b:section class='' id='' maxwidgets='' showaddelement='yes'> </b:section>
Ở đoạn code trên với
class và id là tùy bạn đặt còn maxwidget là số widgets sẽ hiển thị (tối đa 10). Nếu bạn muốn bật tính năng chỉnh sửa Gadgets thì dòng showaddelement để là 'yes' nếu không thì để ‘no’.
Qua 6 bước trên thì ít nhiều gì thì bạn hiểu được cấu trúc template Blogspot. Nhưng công việc ngồi code toàn bộ file xml chỉ dành cho các webmaster chuyên nghiệp còn đối với newbies hay web design thông thường thì việc ngồi code như vậy thì đúng là thảm họa. Nhưng Blogspot lại không có những blank theme như WordPress nên việc tạo template khá khó khăn cho dân không chuyên. Vì vậy ở phần sau của bài viết tôi sẽ hướng dẫn các bạn dùng phần mềm để thiết kế, công việc sẽ trở nên đơn giản hơn nhiều.
