MẪU
BLOG/WEBS SỐ 01
I. Code chính:
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 bên dưới vào rồi save lại. Khi
save lại có thể 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.
Tải toàn bộ code tại đây
<?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:include data='blog'
name='all-head-content'/>
<b:if cond='data:blog.url ==
data:blog.homepageUrl'><title>
<data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType ==
"index"'>
<title><data:blog.pageTitle/></title>
<meta content='Mô tả về blog của
bạn' name='description'/>
<meta content='Các từ khóa trên
blog của bạn' name='keywords'/><b:else/>
<title><data:blog.pageName/>
- <data:blog.title/></title>
<meta
expr:content='data:blog.pageName + " - Mô tả về blog của
bạn"' name='description'/>
<meta
expr:content='data:blog.pageName + ", Các từ khóa trên blog của
bạn"' name='keywords'/></b:if>
<b:skin><![CDATA[
body{background: #cccccc;
font: 16px georgia ;
thuộc tính;
}
#box{
Background:#3399bb; /* Màu nền của module box */
Width: 990px; /* Chiều rộng của trang blog */
Margin:0 auto;/* Cân bằng vị trí module này vào giữa trang */
Background:#3399bb; /* Màu nền của module box */
Width: 990px; /* Chiều rộng của trang blog */
Margin:0 auto;/* Cân bằng vị trí module này vào giữa trang */
thuộc tính;
}
#header{
Background:#4499bb; /* Màu nền của module header */
}
#main-outer{
Background:#113366; /* Màu nền của module main-outer */
Background:#4499bb; /* Màu nền của module header */
}
#main-outer{
Background:#113366; /* Màu nền của module main-outer */
}
#sidebar1{
Background:#884400; /* Màu nền của module sidebar1 */
width:200px; /* Chiều rộng của module sidebar1 */
float:left; /* Dời module sidebar1 qua trái */
}
#main{
Background:#646853; /* Màu nền của module main */
width:590px; /* Chiều rộng của module main */
float:left; /* Dời module main qua trái */
}
#sidebar2{
Background:#518643; /* Màu nền của module sidebar2 */
width:200px; /* Chiều rộng của module sidebar2 */
float:right; /* Dời module sidebar2 qua phải */
}
Background:#884400; /* Màu nền của module sidebar1 */
width:200px; /* Chiều rộng của module sidebar1 */
float:left; /* Dời module sidebar1 qua trái */
}
#main{
Background:#646853; /* Màu nền của module main */
width:590px; /* Chiều rộng của module main */
float:left; /* Dời module main qua trái */
}
#sidebar2{
Background:#518643; /* Màu nền của module sidebar2 */
width:200px; /* Chiều rộng của module sidebar2 */
float:right; /* Dời module sidebar2 qua phải */
}
#footer{
Background:#6600ee; /* Màu nền của module footer */
}
Background:#6600ee; /* Màu nền của module footer */
}
#navbar-iframe
{height:0px;visibility:hidden;display:none}
h2 {padding:0; margin:0}
]]></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>
<div id='box'>/*Nội Dung Blog*/
<div id='header'>/*Đầu trang*/
<b:section class='head' id='head'
maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='(Tiêu đề)' type='Header'/>
</b:section>
<b:widget id='Header1' locked='true' title='(Tiêu đề)' type='Header'/>
</b:section>
</div>
<div id='main-outer'>/*Giữa trang*/
<div id='main-outer'>/*Giữa trang*/
/*Bố cục 3 cột*/
<div id='sidebar1'>
/*Nội Dung sidebar1*/
/*Nội Dung sidebar1*/
<b:section class='sbar1' id='sbar1'
showaddelement='yes'/>
</div>
<div id='main'>
/*Nội Dung Bài Viết*/
</div>
<div id='main'>
/*Nội Dung Bài Viết*/
<b:section class='mainpost'
id='mainpost' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar2'>
/*Nội Dung sidebar2*/
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar2'>
/*Nội Dung sidebar2*/
<b:section class='sbar2' id='sbar2'
showaddelement='yes'/>
</div>
<div style='clear:both'/>
</div>
<div style='clear:both'/>
</div>
<div id='footer'>/*Chân trang*/
<div id='footer'>/*Chân trang*/
<b:section class=' footer ' id=' footer
' showaddelement='yes'/>
</div></div>
</div></div>
</body>
</html>