Thứ Hai, 28 tháng 7, 2014

Code cơ bản để các bạn tham khảo

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 == &quot;index&quot;'>
<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 + &quot; - Mô tả về blog của bạn&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, Các từ khóa trên blog của bạn&quot;' 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 */
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 */
}
#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 */
}
#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>
</div>
<div id='main-outer'>/*Giữa  trang*/
/*Bố cục 3 cột*/
<div id='sidebar1'>
/*Nội Dung sidebar1*/
<b:section class='sbar1' id='sbar1' showaddelement='yes'/>
</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:section class='sbar2' id='sbar2' showaddelement='yes'/>
</div>
<div style='clear:both'/>
</div>
<div id='footer'>/*Chân  trang*/
<b:section class=' footer ' id=' footer ' showaddelement='yes'/>
</div></div>
</body>
</html>