Browse » Home » Thủ thuật Blogspot » Cột 3 dưới tiêu đề Blogspot

Cột 3 dưới tiêu đề Blogspot

pa blogger bạn đều muốn nhìn nhiều hơn và nhiều hơn nữa trên blog? Thời gian này tôi sẽ giải thích một chút về việc làm thế nào để làm cho blog bạn nhiều hơn tất cả, một trong số thủ thuật này
hương dẫn các bạn tạo ba cột dưới tiêu đề. Widget 3 cột dưới tiêu đề này nếu trong thực tế, bạn có thể thêm vào các mẫu sidebar là đầy đủ và quá dài. Là một thay thế để đưa mã html hoặc javascript có thể andaperlukan. Ít là nhiều tương tự để gửi bài đầu tiên của tôi về làm cột đa được đặt ở dưới cùng của blog, nhưng thời gian này tôi đặt hàng đầu theo tiêu đề hoặc tính chính xác.

Okay mẫu chỉnh sửa trực tiếp đối với vị trí của mình.

Đăng nhập vào blogger.
Điểm Layout .
Chọn tab Sửa HML .
Đừng click vào Expand Widget Templates , vì nó sẽ được lần lượt của bạn.
Đặt mã css sau đây trên mã ]]> </ b: skin>

/ * - Top - * /

# Top {

background: # fff;

margin-top: 10px auto;

width: 960px;

overflow: hidden;

font-size: 12px;

padding: 10px;

}

# Top h2 {

background: # 000 url (http://lh5.ggpht.com/_7Y9pl24WpQY/Ss37F0ZA9kI/AAAAAAAAB2k/c_ySi8QZg20/header_thumb% 5B2% 5D.jpg) repeat-x;

font-size: 14pt;

font-weight: 400;

text-align: center;

font-phong cách: bình thường;

line-height: 1.3em;

color: # fff;

padding: 5px;

margin-top: 10px;

margin-left: 10px;

margin-quyền:-10px;

}

# Top ul {

color: # 333;

margin: 0;

padding: 0;

}

# Top ul li {

không lặp lại;

list-style-type: none;

cửa dưới: 1px dashed # CCC;

margin: 0 0 10px;

padding: 0 0 5px 20px;

}

# Top ul li a: hover {

margin: 0px 0px 5px;

padding: 0px;

}

# Topcenter {

width: 300px;

float: left;

margin-left: 10px;

background: # fff;

padding: 10px;

}

# Topleft {

width: 280px;

float: left;

margin-left: 10px;

background: # fff;

padding: 10px;

}

# Topright {

width: 280px;

float: right;

margin-left: 10px;

background: # fff;

padding: 10px;

}
Tìm mã tương tự như thế này, thường nằm dưới </ head>

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<B: widget id = 'Header1' khóa = 'true' title = ' TITLE BLOG CỦA BẠN(Header) 'type =' Đầu đề '/>

</ B: section>
</ Div>
Sau đó đặt đoạn code sau đây ngay lập tức sau khi các mã trên:

<div id='top'>

<b:section class='top' id='topleft' preferred='yes' showaddelement='yes'>

</ B: section>

<b:section class='topcenter' id='topcenter' preferred='yes' showaddelement='yes'>

</ B: section>

<b:section class='topright' id='topright' preferred='yes' showaddelement='yes'>

</ B: section>
</ Div>
Lưu Mẫu .