Thích trang
    Trở thành fan của Tanchau123.blogspot.com

    Bạn muốn nhận tin tức mới nhất từ Tanchau123.blogspot.com? Hãy nhấn nút "Thích" bên dưới để nhận thông tin mới nhất từ chúng tôi trên Facebook.

T

a

n

chau123

Blog Giải Trí Tổng Hợp

trang chủ
Báo lỗi bài
    Báo lỗi thông tin bài viết

    Nhập thông tin báo lỗi vào ô bên dưới

20:58 ngày 16/5/12

Chia Main Body thành 2 hay nhiều cột

Main Body là thành phần quan trọng nhất trong template Blogspot, là nơi chứa đựng gần như toàn bộ nội dung của một Blog, nhưng khả năng tùy biến lại rất hạn chế đối với mẫu simple template của Blogger ( chỉ có một cột chính ).

Để tránh sự nhàm chán và tạo nên sự độc đáo khác biệt, bài viết dưới đây Tanchau123 sẽ hướng dẫn các bạn một vài thao tác đơn giản để chia Main Body thành 2 hay nhiều cột với kích thước tùy ý.




BẮT ĐẦU THỦ THUẬT:


1. Vào Thiết kế > Chỉnh  sửa HTML
2. Chèn đoạn code bên dưới vào trước thẻ đóng </head>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type="text/css">
.post {position: relative;width: 192.5px;height: 320px;margin: 0 15px 0 0;padding:10px;float: left;overflow: hidden}
.post-body{margin: 0 auto;padding:0;line-height:1.6em}
.post h3{margin: 50 0 10px; padding:0; line-height:1.2em}
.post-footer{display:none}
.date-header{display:none}
</style>
</b:if></b:if>

* Các bạn lưu ý code in đậm màu đỏ và thay thế cho phù hợp
Ở ví dụ trên, Main Body được chia làm 2 phần có tổng chiều rộng là 800px, được tính theo công thức :
Main Body = 2 192.5 px + 2 15 px + 4 10 px = 800 px

Do vậy, để chia thành 3,4 hay n phần thì bạn cần áp dụng công thức trên để tính toán cho hợp lý.

3. Tìm trong template đoạn code bên dưới
#blog-pager {
  text-align: center;
}

và thay thế thành
#blog-pager {
  text-align: center;clear:both;padding-top:20px;
}

Lưu ý : Khi sử dụng thủ thuật này, nhất thiết bạn phải chèn JumpLink cho mỗi bài post, hoặc sử dụng Auto Readmore.

4. Save Template và tận hưởng thành quả nào các bạn !
Chúc các bạn thành công !!!

Theo itechplus

Mới cập nhật

8 nhận xét

· Thêm biểu tượng cảm xúc

  1. Nặc danh07:53 19/12/12

    Ahaa, its good dialogue about this article at this place at this website,
    I have read all that, so at this time me also commenting at this place.
    my website - Hause kaufen bodrum

    Trả lờiXóa
  2. Nặc danh05:17 20/12/12

    Thanks , I have just been searching for information approximately this topic for a long time and yours is the greatest I have
    discovered till now. However, what in regards to the bottom
    line? Are you sure concerning the source?
    Here is my weblog ; http://asuntoturkista.net/

    Trả lờiXóa
  3. @Nặc danh This tip derives from itechplus's blog;however,it is editted by me. So please put the source with name "Tanchau123" and the link followed.

    Trả lờiXóa
  4. Nặc danh22:08 29/1/13

    I'd like to thank you for the efforts you've put in writing this
    site. I really hope to check out the same high-grade content by
    you later on as well. In fact, your creative writing
    abilities has inspired me to get my own blog now ;
    )
    Here is my page :: how to get rid of pimples

    Trả lờiXóa
  5. Nặc danh06:57 5/2/13

    If some one desires to be updated with hottest technologies therefore he must be visit
    this site and be up to date all the time.
    Take a look at my weblog ... skin rashes

    Trả lờiXóa
  6. Nặc danh14:50 9/2/13

    Fantastic blog! Do you have any tips and hints for aspiring writers?
    I'm hoping to start my own blog soon but I'm a little lost on everything.

    Would you recommend starting with a free platform like Wordpress or go for a paid
    option? There are so many choices out there that I'm completely confused .. Any tips? Cheers!
    Here is my webpage ... most of all

    Trả lờiXóa
  7. Nặc danh08:13 15/2/13

    Hi there! I realize this is sort of off-topic however I needed to
    ask. Does running a well-established blog such as yours require a lot of
    work? I'm brand new to operating a blog however I do write in my journal daily. I'd
    like to start a blog so I can share my experience and thoughts online.
    Please let me know if you have any kind of suggestions or tips for brand new aspiring blog owners.
    Thankyou!

    Here is my weblog; Www.StopAcneOutbreaks.com

    Trả lờiXóa
  8. Nặc danh15:09 8/7/15

    chi se code ma khong cho coppy. VCL

    Trả lờiXóa