Tạo trang chủ dạng static cho Blogger
Tạo trang chủ dạng static cho Blogger
Ở bài viết này mình chỉ có thể hướng dẫn cách bạn cách để tạo ra nó mà vẫn sử dụng được trang hiển thị bài viết, còn về việc bạn trang trí hoặc làm ra trang chủ tĩnh đó như thế nào thì nó phụ thuộc vào bạn.Đầu tiên đăng nhập vào Blogger » Trang » Trang mới » Trang trống
sau đó bạn tự tạo ra một trang tĩnh của bạn
v.d. sau khi hoàn tất đây là trang Static của mình.
Tiếp theo Blogger » Cài đặt » Tùy chọn tìm kiếm
phía bên phải tại phần Lỗi và chuyển hướng các bạn chọn Chỉnh sửa ở Chuyển hướng tùy chỉnh tại phần từ các bạn thêm dấu / phần tới điền địa chỉ trang static lúc nãy bạn vừa tạo v.d. của mình /p/index.html, stick chọn thường trực và lưu lại.
Như vậy mỗi khi khách truy cập vào trang chủ của bạn sẽ bị chuyển hướng đến trang static, thế làm sao để xem blog? Đơn giản để xem blog, tại menu trang chủ của bạn, bạn sửa link truy cập thành domaincủabạn.com/index.html đường link này sẽ không bị chuyển hướng và vẫn hiện toàn bộ bài đăng của blog.
Nếu bạn muốn thay đổi đường link của nút trang chủ thành địa chỉ vào blog ở cuối mỗi bài đăng trên thanh chỉ hướng (page-navi) các bạn làm như sau:
Tìm đến thẻ
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>thay thế bằng thẻ này
<a class='home-link' expr:href='data:blog.homepageUrl + "index.html"'><data:homeMsg/></a>Bạn có thể lưu lại và kiểm tra thành quả qua mình đạt được, việc thêm trang dạng static sẽ giúp bạn có một website trông thật chuyên nghiệp, bạn có thể tạo nội dung trang static định huống cho người dùng cái mà website bạn đang thực hiện và xem nó có giúp bạn được gì không. Nếu bạn cảm thấy bài viết chưa đầy đủ hoặc còn thắc mắc gì cứ thoải mái để lại nhận xét ở dưới. Chúc bạn thành công!
lúc 18:41 15 tháng 2, 2014
chất ngất... hôm nào bác làm 1 serri hướng dẫn covert template từ wordpress về blogspot cho ae học hỏi đê :)
lúc 18:43 15 tháng 2, 2014
Biết cách RIP template html đơn giản là làm được hết thôi :)
lúc 01:03 1 tháng 3, 2014
tức là chỉ cần kiến thức nền HTML với CSS là ổn nhỉ
lúc 10:27 1 tháng 3, 2014
Chính xác là thế chỉ cần biết 2 cái đó có thể làm ra đủ mọi loại Blogger Template
lúc 18:33 3 tháng 3, 2014
có gì inbox qua face nhé.
lúc 11:49 1 tháng 7, 2014
Bạn có thể hướng dẫn mình cách tạo landing page giống trang static ở phần ví dụ của bạn gồm slideshow và 3 cột bên dưới được không? Cảm ơn bạn
lúc 13:47 1 tháng 7, 2014
Ở phần demo mình sử dụng bootstrap framework để làm, cũng không khó lắm để làm, bạn có thể tham khảo thêm tại đây http://getbootstrap.com/javascript/#carousel
lúc 14:10 1 tháng 7, 2014
Cảm ơn bạn, mình đã tham khảo như bạn hướng dẫn nhưng mình không phải dân trong nghề như các bạn nên không hiểu lắm. Bạn có thể giúp hướng dẫn chi tiết không?
lúc 14:13 1 tháng 7, 2014
Ok, do cái này không hướng dẫn ngắn gọn và nhanh được, chắc mai hoặc mốt rảnh mình sẽ viết bài hướng dẫn rồi đăng trên blog này cho bạn.
lúc 20:34 1 tháng 7, 2014
Cảm ơn bạn nhiều. Rất mong bạn đăng bài sớm.
lúc 13:04 3 tháng 7, 2014
Bữa trước test lại mới nhớ, template mình thiết kế sử dựng Bootstrap nên dễ ấy. Nếu một template thông thường mà chèn Bootstrap Framework vào thì nó phá vỡ layout, do nó sử lý thuộc tính padding trong css khác với thông thường. Cho nên giờ chắc để mình kiếm một slider khác rồi sẽ hướng dẫn cho bạn sau nhé!
Còn về cái chia ba cột bạn có thể thử đoạn mã sau
<div style="width:32%;float:left;margin-right:2%">
đoạn chữ
</div>
<div style="width:32%;float:left;margin-right:2%">
đoạn chữ
</div>
<div style="width:32%;float:left;margin-right:0">
đoạn chữ
</div>
lúc 08:21 4 tháng 7, 2014
Cảm ơn bạn, mình muốn chèn 3 hình theo 3 cột rồi bên dưới là đoạn chữ và 3 cột này nằm ở giữa trang y như của bạn ấy thì làm sao? giờ nó nằm lệch về bên trái.
lúc 08:30 4 tháng 7, 2014
bạn thêm text-align:center vào trong 2 cái thuộc tính style bạn nhé, v.d. bây h cái đoạn mày đưa ở trên nó thành
style="width:32%;float:left;;margin-right:2%;text-align:center;"
lúc 09:10 4 tháng 7, 2014
Còn chèn hình cho 3 cột này thì sao bạn?
lúc 09:14 4 tháng 7, 2014
Bạn sử dụng thẻ <img src="link ảnh"/> đạt vào trong thẻ <div> ở mỗi thằng bên trên.Ví dụ:
<div style="width:32%;float:left;margin-right:0">
<img src="link ảnh"/>
đoạn chữ
</div>
lúc 12:22 18 tháng 7, 2014
Có ai biết làm thế nào để loại bỏ hết các widget khỏi trang static sitemap ko nhỉ? ví dụ thế này:
blog.nguoiaolam.net/p/sitemap.html
lúc 13:09 18 tháng 7, 2014
Đơn giản chỉ sử dụng css để làm ẩn đi thồi thay đổi lại chiều rộng của phần nội dung là được. Bạn để link trang bạn muốn làm ẩn đi cho mình, mình sẽ hỗ trợ phần css cho bạn, nếu ngại ở đây thì gửi mail cũng được.
lúc 16:58 22 tháng 7, 2014
Sửa trang đó, chuyển qua soạn thảo bằng HTML, rồi copy dán đoạn này vào đâu trong đó cũng được.
<style type="text/css">
#sidebar-wrapper {
display: none;
}
#main-wrapper {
width: 100%;
}
</style>
Dùng css 3s là xong :D
lúc 11:15 23 tháng 7, 2014
Cảm ơn nhiều :D
lúc 08:48 31 tháng 7, 2014
Chào bạn mình muốn tạo trang chủ của mình gồm 1 bài viết giới thiệu và một module hiện thị tin dạng rút gọn 2 khoảng 3 dòng 2 cột và hiển thị theo label thì làm thế nào vậy bạn, cảm ơn bạn. Trang web của mình là: Xin Phép Xây Dựng
lúc 09:35 31 tháng 7, 2014
Yêu cầu của bạn bự quá, mình cũng không biết phải hướng dẫn thế nào nữa :D
lúc 23:13 1 tháng 9, 2014
bác kiều ơi e muốn đăng 1 bài viết lên trang chủ cho nó hiển thị cả 1 bài lên và chỉ 1 bài đó thôi thì làm thế nào. bác giúp e với. e dùng blogspot. cảm ơn bác nhiều
lúc 23:17 1 tháng 9, 2014
Cái này tụy thuộc vào template bạn đăng sử dụng mình không nói chắc cũng như biết đường để hướng dẫn bạn cho phù hợp được.
lúc 19:29 6 tháng 10, 2014
xin một ý kiến cho mình >>> http://www.sangu.name.vn/
lúc 15:16 12 tháng 4, 2015
chào, đọc xong bài viết này thì m rất muốn làm 1 cái trang chủ static, nhưng tiếc là b ko đưa 1 vài cái mẫu static, ví dụ như cho m xin cái code trang static của b chẳng hạn....thank, mong b trải lời nhanh
lúc 07:04 18 tháng 10, 2015
Anh ơi, em muốn hỏi cái này một chút ạ, nếu mình muốn tạo trang con để khi rê chuột đến trang mẹ, nó sẽ hiện ra tiêu đề mấy trang con thì thế nào ạ, kiểu như cái "Đam đã hoàn" của bạn này nè, khi rê chuột tới nó sẽ chạy ra 4 cái tiêu đề trang con đó : http://daodao1603.blogspot.com/
Ko bik cmt ở đâu nên e cmt ở đây luôn ><
lúc 15:11 18 tháng 10, 2015
cái này bạn chỉ cần dùng đến thẻ ul và li trong html công thêm một chút css để nó xổ xuống như vậy,
lúc 23:12 15 tháng 2, 2016
Mình có 1 blog chỉ có 1 sidebar bên phải,nhờ bạn thêm dùm 1 sidebar bên trái blogspot duoc k ban? mình k tài nào làm theo các bài hướng dẫn được vì mình k rành về code. nếu được bạn vui lòng để lại mail nhé. mình cam on nhiều!
lúc 15:52 16 tháng 4, 2016
MÌNH MUỐN TRÂN TRANG VÀ KIỂM TRA WEB LẠI
HIỆN WEB ĐANG O THỨ HANG,
CAO THU NÀO BÁO GIÁ CHO MÌNH RỒI LÀM LUÔN NHÉ.
http://www.cuanhualoithepvn.net/
gọi mình số trong web nhé, thansk
lúc 02:10 11 tháng 5, 2016
Tạo trang static cho label thì làm thế nào bạn ơi?
lúc 12:29 17 tháng 7, 2016
2 cái đầu em đã xử lý xong. Đang nghiên cứu cái thứ 3