Hướng dẫn thiết kế Template Blogger giúp bạn có thể tự thiết kế cho mình một Blog khác biệt và biết cách mà các bạn có một Blogger Template và chỉnh sửa nó.cVới hướng dẫn này cho dù bạn không biết hoặc chưa học HTML và CSS thì hoàn toàn có thể sẽ nắm bắt được.
Phiên bản Blogger Template XML
Template Blogger sử dụng ngôn ngữ lập trình là XML hiện tại đã ra phiên bản 2, phiên bản 1 là bản thường được sử dụng nhiều nhất hiện nay. Trong Template ở đầu thẻ mở "html" có thuộc tính sau b:version và class='v2' thì có nghĩ là bạn đang ở phiên bản 2 còn lại nếu không có có nghĩa bạn đăng ở phiên bản 1.Phân biệt 2 phiên bản XML
Đối với Blogger XML v1
Với phiên bản Blogger XML V1 cung cấp cho việc thiết kế Blogger Template cơ bản như phần Css mặc định tùy biến căn chỉnh các tiện ích (widget). Bạn có thể tùy chỉnh Template như "màu sắc" & "font chữ".Đối với Blogger XML v2
Blogger XML V2 tương tự như phiên bản V1, bổ sung nhiều tính năng cho phần Css tùy chỉnh cho các Widget khác so với V1. Bạn còn có thể tùy biến Layout Template.Giải thích Cấu trúc Blogger Template
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' 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'> <!-- xóa 2 thuộc tính quyết định v2 để trờ về v1 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[ ]]></b:skin>
<b:template-skin><![CDATA[ ]]></b:template-skin> <!-- Chỉ có ở v2 -->
</head>
<body>
<b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section>
</body>
</html>
Trong Cấu Trúc bạn cần biết
"<b:include data='blog' name='all-head-content'/>" là "hàm" lấy ra toàn bộ thông tin mặc định mà Blogger cung cấp, những mặc định Blogger đã giấu hàm includable đi nên bạn không có quyền thay tác động vào nó. Nhưng bạn vẫn có thể tự viết lại nó.
"b:skin" và "b:template-skin" là phần căn chỉnh css cho Blogger XML, nó sẽ tự động được chuyển qua thẻ "style" khi xuất hiện với người dùng, bạn có thể áp dụng cho thẻ css trong phần thiết lập nâng cao.
"section" và "widget" b:section hiểu đơn giản là vùng để bạn thêm một tiện ích Widget
Trong phạm vi bài này chỉ giới thiệu cơ bản về ngôn ngữ lập trình của Blogger là Blogger XML và cấu trúc cơ bản/
Tag :
Blog Design
0 Comment "Hướng dẫn thiết kế Template Blogger - Phần 1 "