Cách chia Main body thành 2 hay nhiều cột trong Blogger

Thảo luận trong 'Thảo Luận SEO Và Trợ Giúp SEO' bắt đầu bởi Một Thành Viên, 1/4/17.

  1. Một Thành Viên

    Một Thành Viên Member

    Bài viết:
    286
    Đã thích:
    39
    Kính chào toàn thể ae trong diễn đàn seomxh.com Hiện tại thì em đang gặp khó khăn với cái blog. Em muốn hỏi về cách chia Main body thành 2 hay nhiều cột trong Blogger như thế nào? Nếu bác nào chuyên về blog thì chỉ tư vấn giúp em với. Hoặc có hướng dẫn chi tiết về cách làm luôn thì càng tốt. Em sẽ hậu tại lại sau. Em cám ơn nhiều ạ.
     
    Đang tải...
    Chỉnh sửa cuối: 1/4/17
  2. Zxc

    Zxc Member

    Bài viết:
    187
    Đã thích:
    14
    Nếu không biết code tốt nhất nên google tìm lấy cáo template nào đó chia sẻ sẵn đó bạn, việc gì mà mất công ngồi code lại làm gì cho mệt. Tem họ chia sẻ còn chất hơn mình sửa lại nữa là
     
    Một Thành Viên thích bài này.
  3. benhxahoihcm

    benhxahoihcm Member

    Bài viết:
    286
    Đã thích:
    29
    Đúng rồi đó, nên lên mạng tìm cái template có sẵn, chứ không biết code ngồi vọc vạch lại hư tùm lum ra lại không fix lại được đâu :D
     
    Một Thành Viên thích bài này.
  4. Một Thành Viên

    Một Thành Viên Member

    Bài viết:
    286
    Đã thích:
    39
    Thế là không ai biết ạ. Vậy em cám ơn nhiều nha, để em tự liên mạng kiếm vậy hix
     
  5. King of noob

    King of noob New Member

    Bài viết:
    1
    Đã thích:
    0
    Ý bạn là chia phần bài viết blog1 của blogspot ấy hả ?
     
  6. tainguyen

    tainguyen Hãy cố gắng hơn ngày hôm qua!

    Bài viết:
    1,465
    Đã thích:
    209
    Cái này còn phải xem bạn chọn giao diện nào? Đối với free của blogger thì bạn có thể tùy chỉnh trong cài đặt nâng cao. Trong đây nó có nhé bạn.
     
  7. Hải Thiện

    Hải Thiện Member

    Bài viết:
    89
    Đã thích:
    7
    Cách thực hiện :
    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: 265px;height: 250px;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: 0 0 10px; padding:0; line-height:1.3em}
    .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à 600px, được tính theo công thức :
    Main Body = 2x265px + 2x15px + 4x10px = 600pxDo 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;
    }
    4. Save Template và tận hưởng thành quả.
    Chúc bạn thành công.
     
  8. haoking

    haoking Member

    Bài viết:
    235
    Đã thích:
    23
    Bạn tìm và tải một theme có chia cột như vậy rồi thay vào là được nhé bạn.
     
  9. kiendinh

    kiendinh Moderator

    Bài viết:
    271
    Đã thích:
    42
    có demo cho phần chia column này không bạn? Mình cũng đang muốn chia column cho body
     
Tags:
Đang tải...
Đang tải...