Tạo trang chủ dạng static cho Blogger

Hiện tại, rất nhiều website sử dụng trang chủ dưới dạng static (tĩnh) và để Blog ở một trang khác. Mục đích để làm gì? Thường thì họ muốn giới thiệu một cái gì đó đặc biệt từ website để giúp cho nâng cao lợi ích cho bản thân. Hầu như bây giờ hiện tại người ta thường tạo ra một trang landing page (static) nhằm giới thiệu về các dịch vụ, sản phẩm để tăng doanh thu vào dịch vụ và sản phẩm đó. Hôm nay mình xin hướng dẫn các bạn cách thức để bạn có được một trang chủ tĩnh.

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

Tạo trang chủ dạng static cho Blogger

sau đó bạn tự tạo ra một trang tĩnh của bạn

Tạo trang chủ dạng static cho Blogger

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.

Tạo trang chủ dạng static cho Blogger

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 + &quot;index.html&quot;'><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!

32 bình luận

  1. avatar says

    18:41 Ngày 15 tháng 02 năm 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 đê :)

  2. avatar says

    18:43 Ngày 15 tháng 02 năm 2014

    Biết cách RIP template html đơn giản là làm được hết thôi :)

  3. avatar says

    01:03 Ngày 01 tháng 03 năm 2014

    tức là chỉ cần kiến thức nền HTML với CSS là ổn nhỉ

  4. avatar says

    10:27 Ngày 01 tháng 03 năm 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

  5. avatar says

    18:33 Ngày 03 tháng 03 năm 2014

    có gì inbox qua face nhé.

  6. avatar says

    11:49 Ngày 01 tháng 07 năm 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

  7. avatar says

    13:47 Ngày 01 tháng 07 năm 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

  8. avatar says

    14:10 Ngày 01 tháng 07 năm 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?

  9. avatar says

    14:13 Ngày 01 tháng 07 năm 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.

  10. avatar says

    20:34 Ngày 01 tháng 07 năm 2014

    Cảm ơn bạn nhiều. Rất mong bạn đăng bài sớm.

  11. avatar says

    13:04 Ngày 03 tháng 07 năm 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>

  12. avatar says

    08:21 Ngày 04 tháng 07 năm 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.

  13. avatar says

    08:30 Ngày 04 tháng 07 năm 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;"

  14. avatar says

    09:10 Ngày 04 tháng 07 năm 2014

    Còn chèn hình cho 3 cột này thì sao bạn?

  15. avatar says

    09:14 Ngày 04 tháng 07 năm 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>

  16. avatar says

    12:22 Ngày 18 tháng 07 năm 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

  17. avatar says

    13:09 Ngày 18 tháng 07 năm 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.

  18. avatar says

    16:44 Ngày 22 tháng 07 năm 2014

    http://www.duyblog.com/p/sitemap.html

    Giúp mình đc ko, cảm ơn nhiều :D

  19. avatar says

    16:58 Ngày 22 tháng 07 năm 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

  20. avatar says

    11:15 Ngày 23 tháng 07 năm 2014

    Cảm ơn nhiều :D

  21. avatar says

    08:48 Ngày 31 tháng 07 năm 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

  22. avatar says

    09:35 Ngày 31 tháng 07 năm 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

  23. avatar says

    23:13 Ngày 01 tháng 09 năm 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

  24. avatar says

    23:17 Ngày 01 tháng 09 năm 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.

  25. avatar says

    19:29 Ngày 06 tháng 10 năm 2014

    xin một ý kiến cho mình >>> http://www.sangu.name.vn/

  26. avatar says

    15:16 Ngày 12 tháng 04 năm 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

  27. avatar says

    07:04 Ngày 18 tháng 10 năm 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 ><

  28. avatar says

    15:11 Ngày 18 tháng 10 năm 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,

  29. avatar says

    23:12 Ngày 15 tháng 02 năm 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!

  30. avatar says

    15:52 Ngày 16 tháng 04 năm 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

  31. avatar says

    02:10 Ngày 11 tháng 05 năm 2016

    Tạo trang static cho label thì làm thế nào bạn ơi?

  32. avatar says

    12:29 Ngày 17 tháng 07 năm 2016

    2 cái đầu em đã xử lý xong. Đang nghiên cứu cái thứ 3

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.