Với thủ thuật dưới đây, các bạn có thể thêm được 2 cột tiện ích có chiều ngang dài bằng phân nửa chiều ngang của khu vực bài đăng.
Bạn xem hình phía dưới sẽ rõ
Đầu tiên, bạn đăng nhập vào Blog > Chọn Thiết kế > Chọn Chỉnh sửa HTML, bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào dòng lệnh <div id='main-wrapper'> rồi Enter, bạn sẽ thấy trên bảng lớn có dòng lệnh này và được highlight màu xanh.
Bạn copy code phía dưới và dán vào ngay sau dòng lệnh đó
<b:section class='sidebar' id='magazine-left' showaddelement='yes'>
<b:widget id='Text51' locked='false' title='Column 1' type='Text'/>
</b:section> <b:section class='sidebar' id='magazine-right' showaddelement='yes'>
<b:widget id='Text52' locked='false' title='Column 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>
<b:widget id='Text51' locked='false' title='Column 1' type='Text'/>
</b:section> <b:section class='sidebar' id='magazine-right' showaddelement='yes'>
<b:widget id='Text52' locked='false' title='Column 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>
Bước kế tiếp, bạn gõ vào hộp tìm kiếm dòng lệnh ></b:skin> và copy code phía dưới vào ngay trên dòng lệnh ></b:skin>
#magazine-left2 {
width: 45%;
float: left;
}
#magazine-right2 {
width: 45%;
float: right;
}
Cuối cùng, bấm Lưu mẫu rồi trở vào bố cục, bạn sẽ thấy dưới khu vực bài đăng của mình xuất hiện thêm 2 cột tiện ích.
Lưu ý: Thủ thuật này chỉ thực hiện thành công cho giao diện Blogspot V2 (giao diện tải về trên mạng), không thực hiện được đối với giao diện mặc định của Blogspot
7 nhận xét:
Anh Dũng ơi sao em làm giống như anh hướng dẫn mà nó chịu chia cột vậy, nó vẫn tín cột nhưng theo chiều dọc từ trên xuống thôi.
Khi làm xong thì trong phần bố cục em sẽ thấy có thêm 2 cột được tính từ trên xuống, nhưng khi đăng code vào và trở lại Blog em sẽ thấy được chia 2 cột theo như mô tả trên bài
bó tay mình làm xong nó hiển thị 2 thêm tiện ích trên bài đăng trên blog
Mình đã test lại và thấy nó vẫn xuất hiện phía dưới khu vực bài đăng mà
mình làm rồi
khi làm xong nó nằm trên bài đăng anh Dũng ơi
đã test 2 lần
Vậy code này không phù hợp với giao diện của bạn đang sử dụng rồi.
Xin lỗi vì sự bất tiện này
http://www.tivihay.com/
Đăng nhận xét