CÁCH TẠO NHIỀU CỘT DƯỚI CHÂN TRANG CHO BLOGGER

Với những mẫu mà Google thiết kế sẵn cho những người chơi blogger thì chúng ta chỉ có thể chọn tối đa dưới chân trang là 3 cột. Trong trường hợp những người chơi Blogger muốn có thêm vài cột nữa dưới chân trang thì lại là một bất tiện không hề nhỏ. Với bài hướng dẫn đơn giản dưới đây hi vọng là sẽ giúp được những ai đang muốn có thêm vài cột dưới chân trang Blogger.

Đầu tiên chúng ta sẽ vào thay đổi bố cục chân trang.

Vào Mẫu => Tùy chỉnh => Bố cục rồi chọn bố cục chân trang tối đa là 3 cột như hình bên dưới.

Thay đổi bố cục chân trang

Với hình ảnh trên thì tối đa bạn đã tạo được 3 cột dưới chân trang cho Blogger.

Cách tạo chân trang Blogger thành 4 cột

Đăng nhập vào Blogger, chọn Mẫu > Chỉnh sửa HTML > Tìm đoạn code sau đây:

<macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num' value='3'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>

Thay chữ số 3 có màu đỏ bằng số 4 và lưu lại. Nhấp thẻ Bố cục để quan sát, bây giờ bạn sẽ thấy chân trang có 4 cột.

Bố cục chân trang Blogger có 4 cột

Cách tạo chân trang Blogger thành 5 cột

Nếu ví dụ bán muốn có 5 cột, thì chỉ cần thay số 3 có màu đỏ ở bước trên bằng số 5. Tuy nhiên khi lưu xong trở lại Bố cục bạn chỉ thấy có 4 cột mà thôi. Do đó chúng ta cần phải bổ sung thêm.

Nhấp Mẫu > Chỉnh sửa HTML và tìm đoạn code sau đây:

<macro:if cond='data:col.num &gt;= 4'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
          </td>
        </macro:if>

Và thay bằng:

<macro:if cond='data:col.num &gt;= 4'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
          </td>
        </macro:if>

        <macro:if cond='data:col.num &gt;= 5'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-5&quot;'/>
          </td>
        </macro:if>

Quay lại Bố cục bạn sẽ nhìn thấy như sau:

Bố cục chân trang Blogger có 5 cột

Và cách để bạn có cột thứ 6 dưới chân trang Blogger.

<macro:if cond='data:col.num &gt;= 4'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
          </td>
        </macro:if>

        <macro:if cond='data:col.num &gt;= 5'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-5&quot;'/>
          </td>
        </macro:if>

        <macro:if cond='data:col.num &gt;= 6'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-6&quot;'/>
          </td>
        </macro:if>

Bạn cứ làm tương tự như những hướng dẫn trên để có thể thêm bao nhiêu cột là tùy ý.

Với bài hướng dẫn trên thì tất cả chân trang mà các bạn thêm với chiều ngang chúng sẽ bằng nhau. Trong trường hợp muốn các cột này không bằng nhau, hãy quay lại đọc bài viết tiếp theo.

CHÚ Ý: Hướng dẫn này chỉ áp dụng cho những giao diện gốc mà Google đã cung cấp. Các mẫu đã tùy chình sẽ khác với bài hướng dẫn này.

Chúc bạn thành công

Share on Google Plus

Giới thiệu đôi chút. Hơi ít nói nhưng được cái vui tính. Đam mê các kiến thức về CNTT. Mình lập ra trang này là 1 phần ghi lại những gì mình đã trải nghiệm về CNTT từ khi mình làm tới nay...Luôn sẵn sàng chia sẻ mọi kiến thức mà bản thân tích lũy được. Xin chào các bạn, mình là Đinh Đồng Tuấn. Mong nhận được sự góp ý của tất cả các bạn ! Xin cảm ơn!