Note Đóng lại

Tuesday 8 November 2011

How to Add Two Sidebar Columns Below Posts in Blogger


Step 1: Go to Design > Edit HTML tab and find for:
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
Step 2: Add the following snippet before the closing DIV. It is </div> marked in bold in step 1. 
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar' id='col-left' showaddelement='yes' />
<b:section class='sidebar' id='col-right' showaddelement='yes'/>
<div style='clear: both;'/>
</b:if> 
Step 3: Find ]]></b:skin> and before this add:
#col-left {
width: 49%;
float: left;
}
#col-right {
width: 49%;
float: right;
}
Step 4: Save you template and go to Blogger “Page Elements” tab.
theo simplebloggertutorials

0 nhận xét:

Post a Comment

* Lưu ý :
- Vui lòng gõ tiếng Việt có dấu khi viết bình luận.
- Nội dung phải liên quan đến chủ đề bài viết.
- Không dùng lời lẽ khích bác, thô tục ảnh hưởng đến người khác.
- Không đặt link đến Blog/Web khác.
- Nguyễn Hoài Đông trân trọng chúc quý khách sức khỏe và niềm vui!