Hiển thị các bài đăng có nhãn template. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn template. Hiển thị tất cả bài đăng

Thứ Tư, 20 tháng 8, 2014

Hướng Dẫn Thiết Kế Template Blogger


Được sự ủng hộ nhiệt tình của các bạn về việc lập dự án thiết kế template từ A tới X nên hôm nay mình quyết định bắt tay vào việc thực hiện dự án này luôn. Bài viết này mình chỉ hướng dẫn cho các blogger viết blog trên nền blogspot của google thôi nha. Và tất nhiên là sẽ thiết kế mới 100% template.


Một số điều cần lưu ý: (không đọc sau này có gì đừng hối hận)
» TUYỆT ĐỐI ĐỪNG THIẾT KẾ NGAY TRÊN TRANG BLOG CHÍNH. Bạn nên tạo một trang blog khác chỉ để phục vụ cho việc thiết kế. Sau khi thiết kế hoàn thành hãy đem cái template mới đó về áp dụng cho blog chính của mình.
» Trên hướng dẫn này mình chỉ viết về cấu trúc template. Những vấn đề về css bạn xem ởbài viết này nha.
» Trước khi thiết kế bạn nên phát thảo ra giấy về hình dạng trang blog mình mong muốn sẽ như thế nào. Việc này giúp bạn định hình được việc chính mình cần phải làm là gì, tránh lang mang không biết bắt đầu từ đâu.
Bắt đầu vào vấn đề chính:
1. Cấu trúc cơ bản template của 1 blog có dạng như sau:
<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:skin><![CDATA[

]]></b:skin>
</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Thanh điều hướng' type='Navbar'/>
</b:section>
</body>
</html>
Việc bạn cần làm là vào thiết kế → Chỉnh sửa HTML xóa toàn bộ đoạn code bên trong đó và paste đoạn code trên vào rồi save lại. Khi save lại sẽ xuất hiện 1 mục cảnh báo dạng như hình bên dưới. Bạn chọn vào mục xóa tiện ích.