Blogber Advance: Tạo nhiều cột trong footer cho Blogger

Tạo nhiều cột trong footer cho Blogger

Theo mặc định trong blogger,bạn chỉ chọn được ba bố cục footer là 1 cột, 2 cột và 3 cột. Thuthuatblogspot sẽ hướng dẫn bạn cách tạo thêm cột thứ 4 để tăng khả năng chia sẻ hơn.

Blogger sẽ cho phép tùy chỉnh tối đa mẫu bạn đang dùng . Thao tác thay cũng dễ, chọn Mẫu > Tùy chỉnh > Bố cục và chọn Bố cục chân trang(Footer) phù hợp với đầu bài viết.

Tuy nhiên trong thiết kế mẫu cho Blogger không có lựa chọn Bố cục chân trang nhiều hơn 3 cột. Vậy ta phải tạo thêm như sau :

Bố cục chân trang 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 3 thành 4 và save. Bạn đã có chân trang 4 cột.

Bố cục chân trang nhiều hơn 4 cột

Bạn có website cần nhiều thông tin hơn 4 cột để đưa đến khách truy cập hơn thì sao ? bạn chỉ cần thay số 3 –> 5 hoặc nhiều hơn và Save.Vậy là bạn đã làm được số cột theo ý mình rồi.
Khi save xong, vào Bố cục bạn thấy có 4 cột mà thôi. Do đó ta cần phải bổ sung thêm code sau.
Nhấp Mẫu > Chỉnh sửa HTML và tìm code sau :
<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>
Thay code dưới :

<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:

Để tạo cột 6 , ta sẽ thay bằng đoạn mã sau :
<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ó thể tạo nhiều hơn với thủ thuật trên ,cách làm tương tự thôi :)