Page Elements "Layout" là trang bố cục của blogger/ blogspot. Đây là trang mà chỉ admin của blog mới có thể thấy, bao gồm: tổng quan về các widget trong blog của bạn, đồng thời bạn có thể tùy chỉnh tất cả tại đây.
Phần bố cuc đẹp đẽ mà bạn nhìn thấy cũng phải ùy chỉnh như template tuy nhiên ít ai chú ý tới nó vì phần này chỉ có Admin của blog mới tháy do vậy sấu đẹp cũng không quan trọng. Tuy nhiên với blog có nhiều quản trị viên (Admin) thì nó lại là vấn đề lớn vì lúc này có nhiều người xem được trang đó rùi.
Thông thường khi chư tùy chỉnh nó sẽ như sau:Bài viết này mình sẽ hướng dẫn các bạn cách để có một trang bố cục (Page Elements "Layout") đẹp đẽ, và tiện dụng)
☼ Cách tùy chỉnh Page Elements "Layout":
1- Đăng nhập vào Blog
2- Vào Mẫu (Template)
3- Vào chỉnh sửa HTML (Edit HTML).
4- Đặt đoạn code sau đây vào trước thẻ ]]></b:skin> .
body#layout div_id_class{thuộc tính CSS}
Trong đó:
- body#layout là tham số của phàn layout phần này bắt buộc giống nhay với tất cả các blog.
- div_id_class là id hoặc class của phần muốn điều chỉnh.thuộc tính CSS là phần quy định cho id hoặc class
Ví dụ trong blog mình:
body#layout ul{list-style-type:none;list-style:none} body#layout ul li{list-style-type:none;list-style:none} body#layout #outer-wrapper{overflow:visible;width:1000px} body#layout #header{float:left;width:240px} body#layout #header2{float:right;width:240px} body#layout .add_widget{width:240px} body#layout div.widget{width:240px} body#layout #sidebar-wrapper{overflow:visible;width:240px} body#layout #lsidebar-wrapper{overflow:visible;float:left;width:240px;margin-right:50px;} body#layout #main-wrapper{overflow:visible;float:left;width:240px} body#layout #rsidebar-wrapper{overflow:visible;float:right;width:240px} body#layout #myGallery{display:none} body#layout .featuredposts{display:none} body#layout .fp-slider{display:none} body#layout .another{display:none} body#layout #skiplinks{display:none} body#layout div.section{font-family:sans-serif;margin:0 auto 2px;padding:0 0 10px 0;position:relative;overflow:visible} body#layout .section-columns{margin:0} .section{width:100%}
Trong đó:
- #header là id phần header bên trái trên blog của bạn.
- #header2 là id phần header bên phải trên blog của bạn.
- .add_widget là khung thêm tiện ích mới.
- #main-wrapper là id phần div chúa bài viết của bạn.
- #rsidebar-wrapper và #lsidebar-wrapper lần lượt là id phần div chứa thanh sidebar bên phải và bên trái trên blog của bạn. nếu blog bạn chỉ có 2 cột thì thông thường nó là #sidebar-wrapper.
- .fp-slider là class của thẻ div chứa silder trình diễn nếu blog bạn có. (hãy xóa dòng đó đi nếu trong blog bạn không có)
- .another có thể là một class hoặc id bạn muốn ẩn trong phần bố cục ví dụ : #menu hay .menu
- Phần màu xanh để xóa bỏ cá dấu chấm như hình ảnh trên nếu có.
Nhận xét
Làm theo hướng dẫn trên nhưng không thấy thay đổi trong Layout.
Trả lờiXóaBlog của tôi đang áp dụng Twelve million namkna templatate của Namkna: Trang Layout không hiển thị phần bên trái ( mất một phía). vì sao và vì sao ???
Chúc khỏe và vui
Bạn thay đoạn:
Xóa#main-wrapper{padding-left:0px;width:710px;float:left;word-wrap:break-word;overflow:hidden}
thành:
#main-wrapper{padding-left:0px;width:710px;float:left;word-wrap:break-word}
body#layout #main-wrapper{overflow:auto;float:left;width:300px}
anh ơi, có thể xóa được avatar comment blogger đi được không anh nếu được anh hướng dẫn em với
XóaVới blog của em thì chỉ cần thêm mã bên dưới vào trước dòng ]]></b:skin>
Xóa.avatar-image-container{display:none !important}
Chào bạn, hơi lạc đề xíu nhưng bạn có thể giúp mình hoàn thiện một template phim được không. Giống site phim47.com. Nếu có thời gian, mong bạn edit giúp mình...
Trả lờiXóaTất nhiên là được bạn ak.
XóaQuá tuyệt, Cảm ơn anh nhé em làm được rồi :D
XóaChúc mừng em :)
Xóamình đã mời bạn rồi đó. Nếu có thời gian xin hãy ghé qua edit giúp mình nha. Site phim thấy vậy mà rắc rối quá..
Trả lờiXóaOke mail mình là tavannam01@gmail.com
Xóađã mời rồi đó. Bạn check mail đi.
Trả lờiXóaOke lát mình check.
XóaNam kha ơi cô rất mê cách thu gọn entry trong blog này . mà ko thấy bài hướng dẫn nào ? chau giúp cô nhé ?
Trả lờiXóaCô tìm ở đây nha cô: READMORRE
XóaChào bạn, mình có trang -muanhathunhapthap.com, mình muốn chỉnh phần màu mận tím (background) xuống dưới logo, cho giao diện trang đẹp hơn, có cách nào không bạn, giúp mình với.
Trả lờiXóaThanks
Hình như từ khi Blogger update không còn chỉnh được cái này nữa hả ta :(
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaChào bạn Tạ Nam Mình làm blogspot có lỗi như sau rất mong được bạn giúp đỡ: - Trong bài viết blog, khi mình click vào hình ảnh bình thường sẽ có dạng như IMG 1. Nhưng không biết vì sao nó lại bị như IMG 2 , hình ảnh bị ẩn xuống phía sau nền bài viết. Mình nên sửa template như thế nào để được như ảnh 1 vậy? Xin cảm ơn.
Trả lờiXóaDo không có dịa chỉ trang của bạn nên mình đưa ra 2 phương án cho bạn lựa chọn nha.
XóaNguyên nhân chính như sau;
- Do thuộc tính overflow:hidden trong class hay ID của bài đăng. Bạn chỉ cần xóa nó đi là oke.
- Do thuộc tính ưu tiên trong css nó có dạng: z-index. Bạn có thể xóa nó đi.
- P/s Bạn có thể tùy biến phần đó theo ý bạn như BÀI NÀY
Chào Anh Admin
Trả lờiXóaHiện mình đang muốn làm 1 blog về video, mình loay hoay mãi mà vẫn không làm ra được, Admin có thể chỉ có mình cách nào để hết đoạn body trong blog mình không bạn, chỉ lấy từ đầu, đến hình, rồi lấy ở dưới thôi, còn body thì mình chỉ muốn để đó rồi upload video lên thôi
Blog của mình : http://allforonechannels.blogspot.com/
Xin chân thành cảm ơn
Bài viết khá hay
Trả lờiXóaMình không chỉnh được mặc dù đã làm như hướng dẫn, layout của mình vẫn không thay đổi. Mong bạn giúp đỡ
Trả lờiXóa