![]() |
Building Responsive Blogger Template |
Building là template blogger thuộc dạng Landing Page được thiết kế bởi Giang Blogger rất phù hợp cho trang giới thiệu công ty, giới thiệu sản phẩm, bất động sản,.. mà bạn không nên bỏ qua.
chrome://settings/help
chrome://flags/#top-chrome-mdTiếp đến chọn vào "Refresh" tại mục UI Layout và nhấp vào "RELAUNCH NOW" để hoàn tất.
chrome://flags/#top-chrome-md
<div class='header'>Bây giờ, để có thể chia nó thành 1 phần thì chúng ta sẽ cần tới 2 thẻ div và hai class/id riêng cho mỗi cái. Mình sẽ chọn 2 class là header-trai và header-phai. Cái header-trai sẽ chứa tên trang web, còn cái header-phai sẽ chứa phần bạn chèn thêm sau này.
<b:section class='Header' id='Header' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Bài 3 - trong huong dan thiet ke tempalte (Tiêu đề)' type='Header' visible='true'/>
</b:section>
</div>
<div class='header'>Để thuận tiện hơn trong việc chỉnh sửa nội dung của header-phai. Ta sẽ thêm cho nó 1 thẻ b:section. Vậy chức năng của thẻ b:section là gì? Thẻ này sẽ giúp chúng ta có thể thêm được các widget tùy ý ngay trong phần quản lý bố cục mà không cần đụng tới code nữa.
<div class='header-trai'>
<b:section class='Header' id='Header' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Bài 3 - trong huong dan thiet ke tempalte (Tiêu đề)' type='Header' visible='true'/>
</b:section>
</div>
<div class='header-phai'>
Đây là phần nội dung của header-phai
</div>
</div>
<div class='header'>OK, bây giờ chúng ta thay đoạn code trên cho đoạn code header của bài viết trước và lưu lại. Quay về quản lý bố cục thì chúng ta sẽ thấy như hình dưới:
<div class='header-trai'>
<b:section class='Header' id='Header' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Bài 3 - trong huong dan thiet ke tempalte (Tiêu đề)' type='Header' visible='true'/>
</b:section>
</div>
<div class='header-phai'>
<b:section class='ben-phai' id='ben-phai' showaddelement='yes'/>
</div>
</div>
.header-trai {Chúc các bạn thành công!
width: 30%;
float: left;
}
.header-trai img {
max-height: 60px;
width:auto;
}
.header-phai {
width: 70%;
float: right;
}
![]() |
Xóa hàng chữ watch?= trên link |
![]() |
Thay thế hàng chữ trên thành embed |
![]() |
Bấm play để xem video đó |
![]() |
Template bán hàng máy tính |
"VNBOOTSTRAP" được thành lập vào năm 2018 là blog chuyên chia sẻ về những thủ thuật Blogspot, Photoshop và chia sẻ những template đang hot nhất hiện nay. Chúng tôi luôn cập những thủ thuật và template mới nhất.
Liên hệ, góp ý hoặc hợp tác tại đây
hienla81@gmail.com
Quận 12, Việt Nam