[HƯỚNG DẪN BLOGGER TOÀN TẬP]
Tùy chỉnh template cho Blog của bạn
Tùy chỉnh template cho Blog của bạn
a. Cấu trúc cơ bản của Blogger Template
Nhìn chung Template của Blogger vẫn có cấu trúc cơ bản giống như cấu trúc của website và gồm có các thành phần sau:
- Body: là toàn bộ viền bao outer các khối mẫu blog của bạn (nói một cách đơn giản nó là toàn bộ những thứ mà bạn nhìn thấy hiển thị trên màn hình). - Outer-wrapper: nội dung này bao trùm toàn bộ mẫu blog (Body giống như là phần bên ngoài mẫu blog). Nói chung, bạn thiết kế một wrapper để chứa nhiều các block nhỏ trong đó. Các block chung hầu hết chứa trong Outer-wrapper là các Header, Content, và Footer.
- Header: block này là phần trên cùng của hầu hết các blog (cái tên header đã nói lên điều này một cách rõ ràng). Nhưng bên trong Header bạn có thành phần phụ khác đó là Header Title, Header Descripaion và các thành phần khác giống như banners quảng cáo, thanh trình đơn menu bar,,,. Do vậy, để chửa toàn bộ các blocks phụ nói trên trong đó thì Header nhất thiết phải được thiết kế đủ rộng để chứa chúng.
- Content: nằm dưới Header là Content-wrapper – đây là phần quan trọng hơn cả, chứa các thành phần quan trọng như Sidebar containers (1,2 hoặc nhiều sidebars) và phần nội dung chính (phần chứa các bài viết, nhận xét hoặc các quảng cáo).
- Footer: là phần nằm ở phía dưới cùng của hầu hết các mẫu. Giống như Header section, bạn cũng cần phải thiết kế Footer-wrapper để chứa các nội dung phụ trong Footer section.
- Main: Main-wrapper là thành phần chính nằm trong Content-wrapper. Bên trong Main-wrapper là phần bài viết, nhận xét, ngày tháng đăng bài và các tiện ích khác được tạo từ lựa chọn “Add Page Element”.
- Sidebar: là thành phần bao gồm các tiện ích - About Me, Labels, Archive, Text, HTML, Adsense. Trong mẫu cơ bản của Blogger template, bạn thường thấy các mẫu có 1 sidebar - hoặc 2-column (Main and Sidebar). Nhưng bạn cũng có thể dễ dàng thêm các cột Sidebar vào mẫu Blogger. Bạn cần phải hiểu rõ về chúng, trước hết là về cơ cấu tổ chức của các mẫu Blog để có thể quyết định thêm vào bên trái hay bên phải Main container các Sidebar để tạo thành mẫu 2 sidebars – hoặc mẫu 3-column.
- Blog Post: Đây là phần bài viết của bạn hiển thị bào gồm Tiêu đề bài viết, bài viết, tác giả, Labels, ... * Một cách khác để hiểu rõ hơn về cấu trúc mẫu blog là xem biểu thị tree bắt đầu từ nội dung lớn cho tới các phần phụ nhìn giống như sau:
Đó là những thành phần cơ bản nhất có trong Template, bạn có thể dựa vào cấu trúc này để có thể biết được các thành phần của template, dựa vào đó để tùy biến chúng. Về mặc cấu trúc code trong template thì cơ bản có dạng như bên dưới:
Đó là những thành phần cơ bản, để có thể tự mình thiết kế được template Blogger bạn cần phải chịu khó tìm hiểu thêm rất nhiều. Ở đây mình không đi sâu vào phần thiết kế mà chỉ giới thiệu qua để bạn có thể nắm được. Trong Blogger thì đã có cung cấp cho bạn 1 công cụ cũng rất hay có thể giúp bạn tùy biến giao diện template một cách trực quan mà không cần đòi hỏi bạn phải hiểu biết nhiều về lập trình, chỉ thao tác bằng chuột của bạn, đó là dùng đến trình thiết kế của Blogger.
b. Tùy chỉnh giao diện với Trình thiết kế của Blogger
Cũng ở tại mục Mẫu (Template) bạn chọn Tùy chỉnh (Customize) để đi đến Trình thiết kế của Blogger
Tại đây bạn sẽ nhìn thấy được mẫu giao diện blog của mình thay đổi theo sự tùy chỉnh của bạn. Đối với những mẫu cơ bản mà Blogger cung cấp thì các thành phần bạn có thể thay đổi dễ dàng, tuy nhiên đối với một số mẫu bạn tải từ các trang cung cấp Template thì một số thành phần sẽ không được hỗ trợ nên cũng gây khó khăn khi dùng Trình thiết kế này. Tuy nhiên nếu bạn là một người mới tìm hiểu thì nó cũng có thể giúp ích được bạn rất nhiều đấy. Hãy tự mình khám phá nó nhé!
Như vậy về mặt Template thì mình cũng đã có giới thiệu qua cho bạn nắm được những cái cơ bản, việc làm sao để có 1 template đẹp, chuyên nghiệp đòi hỏi bạn phải chịu khó mày mò them và xem các bài viết về thủ thuật Blogger để dần hoàn thiện hơn.
Sao lưu và phục hồi template cho Blog
Sau khi bạn đã chọn cho mình 1 mẫu Blog ưng ý hay thuê thiết kế 1 template chuyên nghiệp, hoàn hảo và đã đi vào hoạt động ổn định thì việc bạn cần làm là phải sao lưu lại template để tránh rủi ro sau này. Phòng ngừa trường hợp xấu như bạn lỡ tay nhấn Apply to Blog làm template hiện tại bị mất hoặc trường hợp Blog bạn vì một lý do nào đó bị xóa thì bạn vẫn có thể khôi phục Blog bạn với tài khoản mới một cách nhanh chóng.
Để sao lưu (Backup) template của bạn thì bạn hãy vào Mẫu (Template) và chọn nút Sao lưu/Khôi phục góc trên bên phải như lúc bạn thay đổi template ở trên.
Tiếp theo bạn chọn Tải xuống mẫu hoàn chỉnh (Download full template) để sao lưu toàn bộ template của bạn.
Sau khi hệ thống tải về xong thì bạn sẽ nhận được 1 file XML (*.xml), đây là template để bạn lưu trữ lại và có thể khôi phục lại sau này. Sau này khi muốn khôi phục lại template thì bạn bạn chỉ cần chọn Browse… và làm như lúc bạn thay đổi template ở trên.
Thêm, xóa, chỉnh sửa và di chuyển tiện ích (Gadget)
a. Thêm tiện ích (Add a Gadget)
Blogger cung cấp một số lượng tiện ích rất lớn và bạn có thể thêm vào blog mình một cách dễ dàng. Để thêm tiện ích bạn vào Bố cục (Layout) chọn Thêm tiện ích (Add a Gadget).
Một cửa sổ chứa danh sách các tiện ích hiện ra, bạn lựa chọn tiện ích cần cho blog mình và click vào tên tiện ích hoặc dấu + để tiến hành bước thiết lập và thêm tiện ích.
Tiện đây mình cũng nói qua một tiện ích mà các bài viết về thủ thuật thường đề cập đến để khi bạn gặp một thủ thuật nào đó có thể biết tiện ích đó là gì và ở đâu? Đó là tiện ích HTML/Javascript, đây là một tiện ích được sử dụng để chèn them code HTML, javascript hay Jquery…
Với những thủ thuật được chia sẻ thì hoặc bạn có thể them code vào thẳng template hoặc bạn them vào HTML/Javascript đều được. Đó là tiện ích Blogger cung cấp để bạn có thể thêm những tiện ích do tự bạn code và lập trình theo nhu cầu của mình.
Tất cả các tiện ích nếu không được nhúng code trực tiếp vào template thì đều được quản lý tại mục Bố cục, bạn muốn thay đổi, chỉnh sửa tiện ích bất kỳ thì hãy vào phần Bố cục và chọn tiện ích bạn cần thay đổi.
b. Xóa bỏ hay chỉnh sửa tiện ích
Tại phần Bố cục khi bạn muốn chỉnh sửa tiện ích nào thì bạn chỉ cần click vào Chỉnh sửa (Edit) của tiện ích đó.
Bạn cũng có thể chọn vào biểu tượng chỉnh sửa nhanh ở bên ngoài giao diện blog của bạn để chỉnh sửa hay xóa tiện ích.
Một cửa sổ tùy chỉnh sẽ hiện ra, tại đây bạn có thể chỉnh sửa tiện ích của mình hoặc bạn có thể xóa hẳn tiện ích đi.
c. Di chuyển tiện ích
Thông thường thì khi bạn thêm 1 tiện ích mới thì tiện ích đó sẽ nằm trên các tiện ích khác, như vậy để thay đổi vị trí của các tiện ích thì phải làm như thế nào? Trong Blogger thì việc di chuyển các tiện cũng khá đơn giản chỉ với thao tác kéo thả. Bạn chỉ cần nhấn giữ chuột vào tiện ích muốn di chuyển và kéo đến trị trí bạn muốn đặt tiện ích và buông chuột ra là xong.
Ở tại phần Bố cục bạn vẫn có thể thay đổi tiêu đề Blog, mô tả hay thêm hình ảnh vào Header của bạn.
Cửa sổ chỉnh sửa tiêu đề sẽ hiện ra, tại đây bạn có thể thay đổi tiêu đề Blog và chèn thêm hình ảnh, định vị cho hình ảnh.
Cũng tại phần Bố cục này bạn có thể tùy chỉnh và định dạng một số thông tin hiện thị trong trang bài viết của bạn (Blog1).
Cửa sổ tùy chỉnh sẽ hiện ra bạn có thể đặt số bài viết hiển thị ở trang chủ của Blog và nếu muốn thông tin nào hiển thị ở trong trang bài viết thì bạn check vào thông tin đó hoặc ngược lại thì bỏ check.
Sau khi bạn chọn những thông tin cần hiển thị trong trang bài viết thì bạn có thể kéo xuống dưới để sắp xếp các thông theo ý mình. Bạn chỉ cần kéo thả để di chuyển sắp xếp chúng, thông tin sẽ hiển thị ở chân trang bài viết.
Bạn thường thấy 1 icon hay 1 biểu tượng nhỏ hiển thị trước tiêu đề Blog trên thanh địa chỉ của trình duyệt ở 1 số website. Blogger thì mặc định sẽ hiển thị chữ B mà cam trước tiêu đề Blog.
Tiếp theo bạn chọn icon để làm biểu tượng cho Blog của bạn, làm hình ảnh thương hiệu của bạn. Bạn nên thiết kế icon vuông (16 x 16px) và nhỏ hơn 100KB.
Đến đây thì bạn đã biết cách để thay đổi và tùy chỉnh cho các tiện ích trong Blogger, và bây giờ chúng ta sẽ đi đến bước cài đặt cho Blog từ cơ bản đến nâng cao.
Biên soạn Hoàng Phong Vũ
