Để chỉnh sửa template chúng ta phải có kiến thức cơ bản về Html, html5, CSS, CSS3, Script… vậy nên trước khi chỉnh sửa template chúng ta nên search google tìm hiểu về chúng trước rồi nhúng tay vào chỉnh sửa phá phách template gốc của blogspot.
Ngoài kiến thức về html, css, script chúng ta tiếp tục tìm hiểu thêm về cấu tạo riêng của blogspot những tiện ích sẵn có trong blogspot, thẻ điều kiện va những thành phần khác trong blogsot để thuận lợi hơn cho việc tùy biến giao diện blogspot theo ý muốn.
Dưới đây tập hợp và chia sẻ link bài viết chuyên cho việc
chỉnh sửa template blogspot
nói chung blogspot tường đối dễ sử dụng và phù hợp với người thích chia sẻ và viết blog, ngoài ra còn có thể sử dụng làm web cho dân
Giống như việc thiết kế web sau khi có kiến thức tương đối về Html, html5, CSS, CSS3, Script… chúng ta sẽ chỉnh sửa giao diện của blog, menu , nội dung trong blogspot để làm phong phú thêm có thể chèn thêm script, banner, quảng cáo ….. ( search layout , menu,Sidebar, context, banner, ads …)Ngoài kiến thức về html, css, script chúng ta tiếp tục tìm hiểu thêm về cấu tạo riêng của blogspot những tiện ích sẵn có trong blogspot, thẻ điều kiện va những thành phần khác trong blogsot để thuận lợi hơn cho việc tùy biến giao diện blogspot theo ý muốn.Dưới đây tập hợp và chia sẻ link bài viết chuyên cho việcnói chung blogspot tường đối dễ sử dụng và phù hợp với người thích chia sẻ và viết blog, ngoài ra còn có thể sử dụng làm web cho dân Seo , công ty vừa và nhỏ. Ngoài ra bạn có thể gán tên miền cá nhân, công ty cho blogspot đã được chỉnh sửa và thiết kế theo ý muốn.
I. Thay đổi mẫu giao diện cho blogspot băng cách tải (download) template sẵn có được tạo cho blogspot và
Tham khảo Một số Web chỉnh sửa theo template có sẵn :
Sử dụng template mẫu được tạo sẵn cho blogspot tương đối dễ sử dụng, ít phải chỉnh sửa lại code có sẵn
Xem bài viết cách upload và thay đổi temlplate cho blogspot :
http://www.khoahocseo.vn/2015/01/cach-up-thay-doi-template-cho-blogspot.html
http://www.tranbadat.info/2015/07/huong-dan-thay-doi-template-cho-blogspot.html
http://www.cuocsongmuonmau.info/2013/08/thay-doi-giao-dien-template-cho-blogspot28.html
http://www.nguyentruongson.info/2015/12/huong-dan-thay-doi-giao-dien-template-cho-blogspot.html
https://doiguocmoc.com/blogspot/thu-thuat-blogspot/huong-dan-thay-template-cho-blogspot.html
http://mxhviet.com/tao-blog-ca-nhan-blogspot/huong-dan-cach-cai-dat-template-cho-blogspot
http://www.seotongthe.vn/cach-dua-mau-template-moi-len-blog.html
II. Tạo template tùy chỉnh bằng cách tạo 1 template blogspot trắng tinh sau đó chèn code html :
Tham khảo Một số Blogspot tự chỉnh sửa theo template Html, Html5 :
Sử dụng template Html, Html5 phải chỉnh sửa code nhiều hơn, nên tham khảo kiến thức về html , css và script trước khi chỉnh sửa
Bước 1 Tạo blogspot trống để chỉnh sửa template :
Bước 2 : Chèn đoạn Css và Html vào để tạo giao diện theo ý muốn (Search code giao diện free trên bộ máy tìm kiếm google chọn cho mình template vừa ý )
Bước 3 : Chèn code Code gốc bài đăng trên Blog, Widget quan trọng nhất của Blogspot
* Code chỉnh sửa bài đăng trên blogspot :
– Chỉnh sửa : Bỏ Nhận xét, đăng nhận xét, được đăng bởi, vào lúc,Đăng ký (đăng nhận xét), Chèn Box bài viết liên quan dưới tiêu đề bài viết cho blogger :
Bước 4 : Chèn các tiện ích của Blogspot, code html, script bổ sung làm đẹp cho giao diện, xóa bỏ các đoạn code không vừa ý …
Tham khảo danh sách tiện ích cho blogspot :
http://nguyentrongtan248.blogspot.com/2013/10/danh-muc-tien-ich-tong-hop-cho-blog.html?view=flipcard
– Tra cứu các loại thẻ trong blogspot :
– Tra cứu các tiện ích của blogspot :
– Code chèn menu :
* Tạo Drop menu :
* Tạo menu dọc đơn giản :
* Menu chân trang :
https://envato.com/blog/css-snippets-responsive-menus/
http://www.menucool.com/
http://zikes.github.io/circle-menu/examples/
https://www.freshdesignweb.com/jquery-css3-menu/
http://www.dynamicdrive.com/dynamicindex1/index.html
http://www.dynamicdrive.com/dynamicindex1/ddiconmenu.htm
http://www.dynamicdrive.com/dynamicindex1/omnislide/index.htm
http://www.dynamicdrive.com/dynamicindex1/mouseovertabs.htm
http://www.dynamicdrive.com/dynamicindex1/sidetogglemenu.htm
http://www.dynamicdrive.com/dynamicindex1/sideviewmenu.htm
– Tạo Tạo form liên hệ (nhận mail) chèn code vào mẫu template và tiện ích html :
– Tạo sitemap danh mục bài viết
– Chèn Slide ảnh :
Link : http://www.sotayabc.xyz/2016/10/code-nivo-slider-chen-vao-them-tien-ich.html
– CSS Tùy chỉnh kích thước Blogger Templates khi xem bằng Mobile
Bài viết liên quan là danh sách các bài viết được liệt kê ra mà có nội dung tương tự hoặc liên quan tới bài viết bạn đang xem theo Category, Tag hay tên bài viết. Ngoài ra, bài viết liên quan còn có tên gọi khác trong tiếng anh là Related Posts.
Link 1 : http://www.sotayabc.xyz/2016/11/box-bai-viet-lien-quan-canh-ben-phai-bai-viet-blogspot-su-dung-chen-quang-cao.html
– Tiện ích bài viết liên quan :Bài viết liên quan là danh sách các bài viết được liệt kê ra mà có nội dung tương tự hoặc liên quan tới bài viết bạn đang xem theo Category, Tag hay tên bài viết. Ngoài ra, bài viết liên quan còn có tên gọi khác trong tiếng anh là Related Posts.
1 box nhỏ chứa các bài viết liên quan tới bài đang đọc nằm ngày bên cạnh tiêu đề bài viết)
Link 8 : http://www.terocket.com/2013/02/box-related-post-under-header-post.html
Link 9 : http://fandung.blogspot.com/2009/07/thu-thuat-yeu-cau-chen-1-box-nho-hien.html (
1 box nhỏ chứa các bài viết liên quan tới bài đang đọc nằm ngày bên cạnh tiêu đề bài viết)
http://www.terocket.com/2011/01/chen-quang-cao-vao-cac-vi-tri-khac-nhau.html
https://dxoan.blogspot.com/2015/06/chen-quang-cao-vao-giua-bai-viet-blogger-blogspot.html
http://www.cachlam.info/2014/03/code-bai-viet-lien-quan-blogspot.html
http://phungminhnguyet.blogspot.com/2015/11/them-bai-viet-lien-quan-ben-duoi-bai-dang-trong-blogspot.html
http://bittuotblog.blogspot.com/2014/03/cach-tao-them-bai-viet-lien-quan-blogspot.html
http://thuthuatblogspot.com/huong-dan-tao-bai-viet-lien-quan-cho-blogger/
https://dxoan.blogspot.com/2015/06/chen-quang-cao-vao-giua-bai-viet-blogger-blogspot.html
– Tiện ích thay đổi font – cỡ chữ
http://www.terocket.com/2012/11/thay-oi-co-chu-cho-blogger-voi-jquery.html
http://dunghennessy.blogspot.com/2012/02/tien-ich-oi-mau-va-kich-co-chu-cho.html
* Tiện ích bài xem nhiều :
Link :
Tham Khảo một số thủ thuật :
* Chèn quảng cáo vào nội dung bài viết :
http://www.tranbadat.info/2015/08/cach-chen-quang-cao-adsense-vao-trong-bai-viet.html
https://dxoan.blogspot.com/2015/06/chen-quang-cao-vao-giua-bai-viet-blogger-blogspot.html
http://www.chiase69.com/2014/12/chen-quang-cao-vao-ben-trong-bai-viet.html
http://www.tranvanducblog.tk/2016/02/chen-quang-cao-google-adsense-tu-ong.html
http://khoinghiepinternet.blogspot.com/2015/09/chen-quang-cao-vao-ben-trong-bai-viet.html
* Hiện bài viết trang chủ :
http://webads.vn/bai-viet-hien-thi-theo-nhan-ngoai-trang-chu-cho-blogspot.html
http://fandung.blogspot.com/2009/06/thu-thuat-yeu-cau-hien-thi-bai-viet.html
https://ibiet.blogspot.com/2015/04/widget-bai-viet-moi-theo-nhan-hien-thi.html
http://csttol.blogspot.com/2014/09/hien-thi-bai-viet-theo-nhan-ngoai-trang-chu-blog.html
http://www.terocket.com/2012/04/bai-viet-moi-2-cot-voi-thumbnail-co-mo.html
http://tapchicntt.com/2014/10/09/blogger-hien-thi-bai-viet-thuoc-label-nhat-dinh-o-trang-chu/
http://chinhtrucblog.blogspot.com/2013/10/tao-nhieu-chuyen-muc-cho-bai-viet-theo.html
http://chinhtrucblog.blogspot.com/2013/10/tao-nhieu-chuyen-muc-cho-bai-viet-theo.html
– Tạo nhiều chuyên mục cho bài viết theo nhãn
* Rút gọn bài viết :
* Ẩn bài viết trang chủ :
* Chèn bài viết liên quan :
Link : http://www.b-lốc.vn/2015/09/code-chen-bai-viet-ngau-nhien.html
* Tùy chỉnh đám mây nhãn :
* Quảng cáo trượt giống quảng cáo Admicro cho blog và web :
* Sửa lỗi không hiển thị ảnh blogspot :
* Chèn quảng cáo cho bài viết :
* Tổng hợp thủ thuật :
http://a4manga.blogspot.com/2015/05/hien-thi-tieu-e-bai-viet-cu-hon-va-moi.html
http://www.ducanhplus.com/2013/07/meo-hien-thi-tieu-de-bai-viet-truoc-ten-cua-blog-giup-tang-click/
http://iris-tips.blogspot.com/2015/07/code-tao-chatbox-giong-facebook-cho.html
http://chinhtrucblog.blogspot.com/2013/10/tao-nhieu-chuyen-muc-cho-bai-viet-theo.html
http://www.chiase69.com/2014/12/cach-them-tien-ich-widget.html
http://www.thủthuậtbloggervn.vn/2014/10/tao-like-box-facebook-chuan-html-5-cho.html
http://thinhndit.blogspot.com/2016/06/box-mo-ta-noi-dung-search-label-cho-blogspot.html
http://www.dophuquy.com/2013/09/thay-doi-kich-thuoc-hinh-anh-bai-dang-pho-bien-popular-blogger.html
http://www.bantintuvan.com/Blog/Code-bai-viet-moi-dep-cho-blogspot.html
http://www.codeseo.net/2015/12/code-breaking-news-widget-tin-moi-dep-cho-blogspot.html
http://www.codeseo.net/2016/11/share-code-an-hien-chatbox-sieu-nhe-blogger.html
http://www.bloghong.com/2016/03/bai-viet-xem-nhieu-sieu-dep-cho-blogspot.html
http://www.itviet360.com/2015/05/tao-ghi-chu-ngan-code-tooltip-su-dung-css3.html
http://codehayweb.blogspot.com/2016/01/them-hieu-ung-tooltips-cho-rencent-post.html
http://iris-tips.blogspot.com/2015/05/tao-css3-tooltip-bang-shortcode-cho.html
http://www.2-tek.net/2016/03/huong-dan-tao-css-ghi-chu-hieu-ung-ep.html?m=0
Tự động Co hình ảnh vừa với trang :
http://math2it.com/tu-ong-co-hinh-anh-cho-vua-voi-chieu/
http://discuzviet.com/tu-dong-thay-doi-kich-thuoc-hinh-anh-cho-vua-blogger/
Tùy chỉnh nhãn đám mây :
http://www.kenhshare.net/2014/11/huong-dan-tao-phan-label-cua-blogspot-cho-dep-hon-va-trong-khung.html
Hiển thị tên tác giả – ngày đăng – nhãn bên dưới tiêu đề bài viết trong blogger
http://math2it.com/hien-thi-ten-tac-gia-ngay-ang-nhan-ben/
* Tham khảo trang tạo layout đơn giản :
Thành phần layout cơ bản bao gồm thành phần cơ bản sau :
1. main: Phân vùng chứa toàn bộ nội dung của trang.
2. head: Phân vùng chứa nội dung đầu tiên của trang (Ví dụ : logo ,banner)
3. head-link: Phân vùng chứa các liên kết đầu trang (Ví dụ : menu ngang)
4. left: Phân vùng chứa các nội dung bên trái (Slider trái, quảng cáo bên trái)
5. content: Phân vùng chứa các nội dung chính của trang (Thông tin như: Hot news, Photo Slide, News 1, v.v.)
6. right: Phân vùng chứa các thông tin bên phải trang (Slider phải, quảng cáo bên phải)
7. footer: Phân vùng chứa các thông tin cuối trang (Thông tin trang, liên hệ …)
Sử dụng thẻ div trong viết bài :
1 :
2 :
http://tapchilaptrinh.vn/2012/08/10/thiet_ke_bo_cuc_web_div_css/
http://www.dichvusohoa.com/tin-tuc/bai-viet-chon-loc/tung-buoc-thiet-ke-web-bang-the-div-va-css-voi-do-phan-giai-1024×768(px)-phan-ii:-vi-du-minh-hoa.html
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_layout_float
http://www.w3schools.com/html/html_responsive.asp
https://www.tutorialspoint.com/html/html_layouts.htm
http://www.beginnersguidetohtml.com/guides/css/layout/div-tags
https://www.codementor.io/css/tutorial/4-different-layout-techniques-create-single-page
http://vietjack.com/html/layout_trong_html.jsp
http://maxdesign.com.au/articles/liquid/
http://blogloi.com/thiet-ke-layout-web-bang-css-co-ban/
http://www.responsivegridsystem.com/
– Responsive
http://codepen.io/Cheesetoast/pen/KFAaq – Responsive
http://learn.shayhowe.com/advanced-html-css/responsive-web-design/ – Responsive
https://www.sitepoint.com/easy-responsive-css-grid-layouts/
http://stackoverflow.com/questions/30141292/how-to-create-a-3-column-responsive-layout
http://stackoverflow.com/questions/21270767/2-column-css-responsive-layout-with-a-responsive-image – 2cot Responsive
https://webdesignerhut.com/responsive-layout-with-html-and-css/
http://johnstonianera.com/responsive-two-column-layout/
http://www.pagecolumn.com/1_col_generator.htm – Trang tạo code layout đơn giản
* Hiệu ứng tổng hợp :
Cách chèn hiệu ứng cuốn góc (Peel Away) bằng jQuery cho trang Blogspot
Link : https://www.thuthuatweb.net/blogspot/cach-chen-hieu-ung-cuon-goc-peel-away-bang-jquery-cho-trang-blogspot.html
http://blog24ahz.blogspot.com/2011/01/tao-hieu-ung-cuon-goc-peel-cho-blogspot.html – OK
http://www.mylivevn.com/2014/01/thanh-ieu-khien-cuon-trang-goc-man-hinh.html
http://www.vietchiase.com/2014/07/ghi-chu-ket-dinh-trong-blogspot-khi-keo.html
http://www.tranbadat.info/2015/12/tao-widget-co-dinh-sticky-widget-khi-cuon-trang.html
http://www.thanhnienbinhdinh.com/2014/01/tao-sticky-ket-dinh-widget-khi-keo.html
http://www.terocket.com/2012/04/menu-luon-hien-thi-tren-dau-hoac-chan.html
https://gioitrelocthuy.blogspot.com/2014/03/cach-tao-menu-truot-ben-phai-blog-webiste.html
Bước 5 : Sau khi chỉnh sửa template cho blogspot vừa ý chúng ta sẽ tìm một tên
miền đẹp dễ nhớ để gán cho blogspot
http://math2it.com/tu-ong-co-hinh-anh-cho-vua-voi-chieu/http://discuzviet.com/tu-dong-thay-doi-kich-thuoc-hinh-anh-cho-vua-blogger/http://www.kenhshare.net/2014/11/huong-dan-tao-phan-label-cua-blogspot-cho-dep-hon-va-trong-khung.htmlhttp://math2it.com/hien-thi-ten-tac-gia-ngay-ang-nhan-ben/Thành phần layout cơ bản bao gồm thành phần cơ bản sau :1. main: Phân vùng chứa toàn bộ nội dung của trang.2. head: Phân vùng chứa nội dung đầu tiên của trang (Ví dụ : logo ,banner)3. head-link: Phân vùng chứa các liên kết đầu trang (Ví dụ : menu ngang)4. left: Phân vùng chứa các nội dung bên trái (Slider trái, quảng cáo bên trái)5. content: Phân vùng chứa các nội dung chính của trang (Thông tin như: Hot news, Photo Slide, News 1, v.v.)6. right: Phân vùng chứa các thông tin bên phải trang (Slider phải, quảng cáo bên phải)7. footer: Phân vùng chứa các thông tin cuối trang (Thông tin trang, liên hệ …)Sử dụng thẻ div trong viết bài :1 : http://www.sotayabc.xyz/2016/11/layout-don-gian-su-dung-cho-viet-bai.html 2 : http://www.sotayabc.xyz/2016/12/ung-dung-the-div-trong-bai-viet-sotayabc.xyz.html http://tapchilaptrinh.vn/2012/08/10/thiet_ke_bo_cuc_web_div_css/http://www.dichvusohoa.com/tin-tuc/bai-viet-chon-loc/tung-buoc-thiet-ke-web-bang-the-div-va-css-voi-do-phan-giai-1024×768(px)-phan-ii:-vi-du-minh-hoa.htmlhttp://www.w3schools.com/html/html_responsive.asphttps://www.tutorialspoint.com/html/html_layouts.htmhttp://www.beginnersguidetohtml.com/guides/css/layout/div-tagshttps://www.codementor.io/css/tutorial/4-different-layout-techniques-create-single-pagehttp://vietjack.com/html/layout_trong_html.jsphttp://maxdesign.com.au/articles/liquid/http://blogloi.com/thiet-ke-layout-web-bang-css-co-ban/- Responsivehttp://codepen.io/Cheesetoast/pen/KFAaq – Responsivehttp://learn.shayhowe.com/advanced-html-css/responsive-web-design/ – Responsivehttps://www.sitepoint.com/easy-responsive-css-grid-layouts/http://stackoverflow.com/questions/30141292/how-to-create-a-3-column-responsive-layouthttp://stackoverflow.com/questions/21270767/2-column-css-responsive-layout-with-a-responsive-image – 2cot Responsivehttps://webdesignerhut.com/responsive-layout-with-html-and-css/http://johnstonianera.com/responsive-two-column-layout/http://www.pagecolumn.com/1_col_generator.htm – Trang tạo code layout đơn giản* Hiệu ứng tổng hợp :Link : https://www.thuthuatweb.net/blogspot/cach-chen-hieu-ung-cuon-goc-peel-away-bang-jquery-cho-trang-blogspot.htmlhttp://blog24ahz.blogspot.com/2011/01/tao-hieu-ung-cuon-goc-peel-cho-blogspot.html – OKhttp://www.mylivevn.com/2014/01/thanh-ieu-khien-cuon-trang-goc-man-hinh.htmlhttp://www.vietchiase.com/2014/07/ghi-chu-ket-dinh-trong-blogspot-khi-keo.htmlhttp://www.tranbadat.info/2015/12/tao-widget-co-dinh-sticky-widget-khi-cuon-trang.htmlhttp://www.thanhnienbinhdinh.com/2014/01/tao-sticky-ket-dinh-widget-khi-keo.htmlhttp://www.terocket.com/2012/04/menu-luon-hien-thi-tren-dau-hoac-chan.htmlhttps://gioitrelocthuy.blogspot.com/2014/03/cach-tao-menu-truot-ben-phai-blog-webiste.html
Link hướng dẫn :
http://canhme.com/kinh-nghiem/tro-ten-mien-ve-blogspot
http://www.chiase69.com/2015/04/huong-dan-cai-dat-gan-ten-mien-vao-cho-blogspot.html,
http://wiki.matbao.net/Huong-dan-cau-hinh-DNS-va-add-ten-mien-vao-Blogger-blogspot.ashx
Trang tham khảo :
Kiến thức blogspot , web :
http://www.dophuquy.com/
http://www.kenhcs.com/
http://kslzone.blogspot.com/
http://www.vutienanh.pro
http://vi-template.blogspot.com/
http://wap.kenh72.com
https://www.windows2it.com/2015/12/chen-quang-cao-google-adsense-tu-dong-vao-giua-bai-viet.html http://www.deniverdana.com/2016/04/seo-fix-blogger-template.html
http://www.templatoid.com/2015/01/trivusion-blogger-template.html
http://www.cuocsongmuonmau.info/2013/08/huong-dan-lam-quen-tao-blogger-blogspot-p-1.html
http://ngocha89.blogspot.com/2014/05/huong-dan-cach-tao-blogspot-chuan-seo.html
http://kienthucnet.com/cach-tao-blog-ca-nhan-voi-blogspot-603.html
http://www.nguyentruongson.info/2015/12/huong-dan-tao-blogspot-chi-tiet-tu-can-ban-den-nang-cao.html
http://www.nguyentruongson.info/2015/12/huong-dan-tao-blogspot-chi-tiet-tu-can-ban-den-nang-cao.html
https://doiguocmoc.com/huong-dan/thiet-ke-template-blogspot
https://www.myresponsee.com/responsive-website-templates/
http://phanhung.info/
http://www.thietkeweb-seo.com/web/chen-ban-do-google-map-vao-website-rat-don-gian/195
http://www.nhatchanh.info/2015/02/chen-icon-vao-blog-bang-cach-su-dung-font-awesome.html
http://fontawesome.io/examples/
https://mymag-msdesignbd.blogspot.jp/
Tạo Gallery
http://masonry.desandro.com/
https://mobirise.com/bootstrap-gallery/
http://www.dynamicdrive.com/forums/showthread.php?31228-Cross-Browser-Multi-Page-Photograph-Gallery
http://www.jqueryscript.net/gallery/Hoverbo-Pure-CSS-Image-Gallery.html
http://www.jqueryscript.net/gallery/
http://www.cssplay.co.uk/menu/lightbox.html
https://www.wpfreeware.com/tutorial/css3-jquery-image-slideshow-gallery-plugins-free-premium/
http://collageplus.edlea.com/
http://www.jqueryscript.net/gallery/Fancy-jQuery-CSS3-Based-Hexagon-Image-Gallery.html
http://www.w3schools.com/css/css_image_gallery.asp – Don gian
http://css3files.com/2015/03/09/12-best-css-image-galleries-you-can-use-today/
https://www.templaza.com/blog/10-best-photo-gallery-extensions-for-joomla/267.html
http://webfaver.com/client-side/css/cach-css-tu-dong-resize-anh-nen-theo-the-div.html
http://www.jqueryscript.net/demo/Minimal-Filterable-Gallery-Plugin-For-jQuery-Liquo/ – ok
http://www.bootply.com/tagged/masonry – Code
http://enviragallery.com/demo/polaroid-gallery/
http://simbyone.com/demo/animated-masonry-gallery-with-filters/
http://simbyone.com/animated-masonry-gallery-with-filters/
Code Hình ảnh
http://ung-dung.com/chinh-sua-anh/chen-chu-vao-hinh-anh.html
https://codepen.io/nxworld/pen/ZYNOBZ – Hover hình ảnh
https://miketricking.github.io/dist/ – Hover hình ảnh
http://www.dynamicdrive.com/
image gallery filter
http://www.jqueryrain.com/demo/jquery-filter-plugin/
http://www.flashuser.net/jquery-photo-gallery
http://www.jqueryscript.net/gallery/Creating-A-Responsive-Filterable-Image-Gallery-with-jQuery.html
http://codepen.io/dennisgarrn/pen/EuCBv – Filter Image Gallery – pure CSS – CodePen
Code menu :
http://www.menucool.com/
http://zikes.github.io/circle-menu/examples/
https://www.freshdesignweb.com/jquery-css3-menu/
http://www.dynamicdrive.com/dynamicindex1/sidetogglemenu.htm
Content Filter
Code css – html
http://hocwebchuan.com
http://www.cssportal.com/css3-rounded-corner/
CORNER MENU, code corner menu,horizontal css menu – CSS3 Menu. Free CSS Menu Maker, dropdown menu,
http://css3menu.com/css3-rounded-corners.html
http://www.menucool.com/horizontal/tab-menu
http://cssmenumaker.com/css-tab-menus
https://dcrazed.com/html5-css3-accordion-tabs/
http://www.dynamicdrive.com/dynamicindex1/index.html
https://news52-msdesignbd.blogspot.com/ – ok
Mẫu Template :
http://micromag-msdesignbd.blogspot.com/ – ok
http://brandmag-fbt.blogspot.com/ – ok
http://standmag-lightboxed-ftt.blogspot.com/ – ok
http://setiva-pbt.blogspot.com/ -ok (Nhieu chu de)
http://deco-pbtz.blogspot.com/ – ok (nhieu chu de)
http://megamag-pbt.blogspot.com – ok (nhieu chu de
http://magonedemo.blogspot.com/ x
http://snew-marithemes.blogspot.com/ – Ban tra phi
https://truemag-msdesignbd.blogspot.com – Ban tra phi
http://www.msdesignbd.com
http://www.msdesignbd.com/2015/09/10-best-magazine-newspaper-responsive-blogger-template.html
Template maskolis.com
http://www.maskolis.com/2012/09/inilah-2-template-bingung-mau-dikasih.html
http://www.maskolis.com/2012/07/johny-kenthir-template-ramai-seperti.html
http://bismatemplate.blogspot.com/
http://www.maskolis.com/2012/07/3-template-modifikasi-amburadul-banget.html
http://www.maskolis.com/2012/09/5-template-hasil-modifikasi.html
http://www.maskolis.com/2012/12/2-template-ini-saya-bagikan-karena.html
http://collectortemplate.blogspot.com/search?updated-max=2012-03-16T04%3A33%3A00-07%3A00&max-results=9
http://www.maskolis.com/2012/07/johny-kenthir-template-ramai-seperti.html
http://www.maskolis.com/2012/07/johny-kenthir-template-ramai-seperti.html
Mẫu template Html, Html5 :
http://cssmenumaker.com/blog/free-dreamweaver-restaurant-templates – Ẩm thực
https://templated.co/pomodoro – Ẩm thực
https://freewebsitetemplates.com/forums/threads/cooking-recipe-web-template.20402
https://freehtml5.co/preview/?item=foodee-restaurants-free-html5-bootstrap-template -Ẩm thực
http://www.designrazor.net/best-free-hotel-restaurant-food-html-templates/ –Am thuc – Yannkee ok
http://www.designrazor.net/best-free-hotel-restaurant-food-html-templates/ – am thuc
http://www.websitetemplatesonline.com/free-templates/page2.html?tpp=6&keywordSearch=coffee – Cafe
http://www.designrazor.net/best-free-hotel-restaurant-food-html-templates/ – Coffee ok
https://speckyboy.com/20-free-html5-web-templates/
https://www.freshdesignweb.com/free-restaurant-coffee-website-templates/ – Ẩm thực
https://templatemag.com/free-restaurant-website-templates/ – Ẩm thực
http://themifycloud.com/demos/templates/centro/index.html
http://www.themifycloud.com/demos/templates/BusinessPlus/
http://ninodezign.com/20-free-responsive-html5-css3-onepage-templates/
http://elemisfreebies.com/downloads/#186
http://visualslideshow.com/design-blog/35-beautiful-free-bootstrap-templates-2016-85.html
http://ninetofive.me/data/previews/treviso/
http://www.html5xcss3.com/
http://www.html5xcss3.com/http://www.zerotheme.com/free-basic-responsive-html5-themes
http://dave-woods.co.uk/html5/starter-template
https://templated.co/performance
https://templated.co/24
http://creativebeacon.com/houseframing-free-responsive-html5-template/
http://mobifreaks.com/free-mobile-website-templates
http://mickaelguillaume.esy.es/Mobile-Template/index.html ok
Appizz a Mobile App based Flat Bootstrap Responsive Web Template
http://www.justfreetemplates.com/web-templates/preview/3361.html
Chủ đề khác :
Hướng dẫn tạo web bằng mã nguồn khác :
CMS (Content Management System) hay còn được họi là hệ thống quản lý nội dung được sử dụng để điều khiển và chỉnh sửa. Nội dung bao gồm các tập tin, hình ảnh, video, file âm thanh, tài liệu. Khái niệm chính đằng sau một CMS là tạo ra những tập tin có sẵn cho việc chỉnh sửa nội bộ hoặc trên nền Internet. Một CMS thường được sử dụng để lưu trữ tài liệu rất tốt. Rất nhiều công ty sử dụng CMS để tổ chức và lưu trữ những tập tin dưới dạng công cộng. Hầu hết các công ty sử dụng CMS có thể chia sẻ nội dung với người khác một cách dễ dàng.
CMS mã nguồn mở (WordPress,Joomla,Drupal,CMS Made Simple,b2evolution,MAGENTO,OPENCART, PRESTASHOP,ZENCART,OSCOMMERCE, ALEGROCART,AXISCOMMERCE,ONXSHOP,OSCMAX,TOMATOCART,VAMCART,XTCMODIFIED ECOMMERCE SHOPSOFTWARE,MARKET.MATTERDADDY,nukeviet)
https://nukeviet.vn/
http://wordpress.org
https://www.drupal.org
http://www.joomla.org
https://magento.com/
https://www.opencart.com/
https://www.prestashop.com/
Bài viết mã nguồn mở :
http://joomla.edu.vn/cac-buoc-cai-dat-joomla-template-76.html
http://quantrimang.com/thiet-ke-website-dong-voi-ma-nguon-drupal-7-phan-1-80353
https://www.webico.vn/huong-dan-thiet-ke-website-bang-drupal/
http://vnoneit.blogspot.com/2011/03/xay-dung-website-bang-ma-nguon-nukeviet.html
https://vinahost.vn/ac/knowledgebase/123/Gii-thiu-va-so-sanh-cac-script-cms-ma-ngun-m-thong-dng.html
http://www.thietkeweb.tips/blog/15-CMS-ma-nguon-mo-tot-nhat-cho-website-thuong-mai-dien-tu-250.html
Trang web Tạo Blog – Mạng xã hội và trang bán hàng – trang forum – trang đăng nhập quảng cáo đăng tin :
tumblr.com
weebly.com
sites.google.com
http://sitez.in/
http://www.jimdo.com/
Nền tảng blog
miễn phí đáng dùng
Youtube.com
Blog.com
http://www.jux.com
Quora.com
Medium.com
Postach.io
Ghost.org
Roon.io
Svbtle.com
Sett.com
Pen.io
SquareSpace.com
Typepad.com
Posthaven.com
Plus.google.com
Facebook.com/notes
Tryghost.org
Squarespace.com
Linkedin.com
http://www.posterous.com//
http://www.livejournal.com/
http://www.aeonity.com/
http://thoughts.com/
http://blogdive.com/
http://blogetery.com/
http://thoughts.com/
Blogger.com
Quora
http://violet.vn/main/http://yume.vn
http://blogtiengviet.net
http://blog.violet.vn
http://blog.tamtay.vn
http://blog.sapo.vn
http://blog-xtraffic.pep.vn/huong-dan-dang-ky-va-su-dung-blogspot-blogger/
http://blog.uhm.vn
http://blog.mediaz.vn
http://blog.techz.vn
blog.zing.vn
http://mxhviet.com/
http://blog.tamtay.vn/
https://www.flickr.com
https://www.facebook.com
https://twitter.com
https://www.linkedin.com/
https://www.pinterest.com/
https://www.reddit.com/
ecwid.com
https://www.bizweb.vn/
https://www.haravan.com/
http://moshoponline.vn/
http://page.zaloapp.com
https://shopee.vn
https://www.sendo.vn
https://muabannhanh.com
https://www.chotot.com/
sms.vn
adflex.vn
mwork.vn
accesstrade.vn
Ứng dụng bên thứ 3 : feedburner.google.com
Addthis.com
Ứng dụng điện thoại :https://www.whatsapp.com/?l=vi
http://www.qq.com (QQ)
http://i.qq.com/ (QZONE)
https://web.wechat.com/ (WeChat)
http://weibo.com/ (Weibo)
http://www.pengyou.com/
Từ khóa gợi nhớ :
hover image
Responsive Photo Album Gallery
masonry gallery css free
Animated Masonry Gallery with Filters
css gallery
html5 Responsive Photo Gallery
template wap html, template wap html5,basic template mobile,basic htlm, html5 template mobile free, free HTML5, CSS3 responsive web layout
Left Sidebar – right Sidebar
Cooking – food
code layout div responsive
Building a Responsive Two Column Layout – code Change Font Size blogspot
Link Tải :
Template Seo : – http://www.maskolis.com/2013/01/modifikasi-3-template-valid-html5.html
– http://www.blogspotvn.com/2016/10/my-mag-blogger-template.html
– http://www.blogspotvn.com/2016/11/template-blogger-van-thang-blog.html
– http://www.blogspotvn.com/2016/10/life-style-blogger-template.html
– http://www.blogspotvn.com/2016/08/ajustmag.html – Mau menu dep
– http://www.blogspotvn.com/2016/07/news-52.html
– http://www.blogspotvn.com/2016/07/snews.html
– http://www.blogspotvn.com/2016/11/storemag-blogger-template.html – ban giay
-http://www.yotemplates.com/2015/06/camera-man-responsive-blogger-template.html
– http://www.blogspotvn.com/2016/08/newstube.html
– http://www.blogspotvn.com/2016/07/2-template-blogger-dep-phu-hop-cho-trang-video.html
– http://www.blogspotvn.com/search/label/Template%20Blogger%20Video%20-%20Phim
-https://www.google.com.vn/search?q=SEO+Elite+template&biw=1366&bih=639&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi45tmG1-DQAhWIipQKHdMPBDAQ_AUIBigB#imgrc=cOobd-T-uTA3UM%3A
Wap Template :
-http://www.4tipsvn.tk/2016/04/tong-hop-mot-so-template-dang-wap-game.html – Wap template
-https://drive.google.com/file/d/0B-1Mm6WAgxkfaWZyUTZUMzF5eHM/view
-http://www.templatoid.com/2015/01/trivusion-blogger-template.html
-http://www.templatoid.com/2014/12/seo-fix-blogger-template.html
Link tiện ích hiệu ứng hay dùng :
1.
Chưa phân nhóm :
Tạo Nhiều Tab Chứa Widget trên một Sidebar Trong Blogger – Blogspot
http://www.anhnhim.net/2016/07/tao-nhieu-tab-chua-widget-tren-mot-sidebar-cho-blogspot.html
http://www.terocket.com/2011/08/tien-ich-multi-tabbed-widget-for.html
Hướng dẫn tạo phần label của blogspot đẹp hơn và nằm trong khung
http://www.kenhshare.net/2014/11/huong-dan-tao-phan-label-cua-blogspot-cho-dep-hon-va-trong-khung.html
Hướng dẫn sử dụng thẻ label (nhãn) trong blogspot
http://ngocha89.blogspot.com/2014/11/huong-dan-su-dung-the-label-nhan-trong-blogspot.html
Tạo nhiều chuyên mục cho bài viết theo nhãn
http://chinhtrucblog.blogspot.com/2013/10/tao-nhieu-chuyen-muc-cho-bai-viet-theo.html
Hiển thị tên tác giả – ngày đăng – nhãn bên dưới tiêu đề bài viết trong blogger
http://math2it.com/hien-thi-ten-tac-gia-ngay-ang-nhan-ben/
http://khanh98.blogspot.com/2015/01/hien-thi-ten-tac-gia-thoi-gian-nhan-so.html
Chia Main Body thành 2 hay nhiều cột trong Blogger Template
http://thuthuatgood.blogspot.com/2012/01/chia-main-body-thanh-2-hay-nhieu-cot.html
Chia tiện ích trong blogspot thành nhiều cột
http://www.terocket.com/2011/02/cach-chia-module-blog-lam-nhieu-cot.html
Chia Footer Blogger (Đáy Blogspot) thành nhiều cột
http://www.terocket.com/2011/08/chia-footer-blogger-ay-blogspot-thanh.html
Bài viết liên quan :
http://8ddnv.blogspot.com/2013/01/bai-viet-lien-quan-hieu-ung-cho-blog.html
http://www.terocket.com/2012/09/related-post-with-thumbnail-tooltips.html
http://www.startuanit.net/2016/06/bai-viet-lien-quan-dep-cho-blogspot.html
Hiển thị Tiêu đề bài viết Cũ hơn và Mới hơn trong blogger
http://a4manga.blogspot.com/2015/05/hien-thi-tieu-e-bai-viet-cu-hon-va-moi.html
http://kslzone.blogspot.com/2014/05/hien-thi-tieu-de-bai-moi-va-cu-hon-trong-blogger.html
http://trollvl.blogspot.com/2013/09/add-post-titles-to-older-and-newer-post.html
http://www.terocket.com/2014/01/hien-next-previous-kem-tieu-de-bai-viet.html
http://www.chiase69.com/2014/12/cach-them-tien-ich-widget.html
http://fandung.blogspot.com/2009/04/chen-them-khung-them-tien-ich-cho-phan.html
website Tham khảo Code từ web :
https://www.izwebz.com/css/floating-menu-tao-menu-co-dinh-khi-scroll-chuot/ – Floating menu: Tạo menu cố định khi scroll chuột
http://www.dohungmmo.us/2015/09/lam-widget-truot-giong-quang-cao.html – Làm widget trượt giống quảng cáo Admicro cho blog và web
http://caocongkien.blogspot.com/2013/06/mot-so-thu-thuat-thu-gon-bai-viet-tren.html – Rut gon bai viet
http://blog.doisong24.com/2017/02/tu-dong-tom-tat-bai-viet-khong-dung.html – tom tat bai viet
http://muathukn.blogspot.com/2013/02/cach-rut-gon-bai-viet-cho-blogspot-auto.html –
.post-thumbnail{float:right;margin-left:20px} hiển thị ảnh bên phải
http://blog.doisong24.com/2017/02/sua-loi-datapostsnippet-khong-hien.html
–
Sửa lỗi data:post.snippet không hiện summary trên blogspot
http://math2it.com/tao-phan-trang-co-anh-so-cho-blogger/ – Tao phan trang
http://tapchicntt.com/2014/10/09/blogger-hien-thi-bai-viet-thuoc-label-nhat-dinh-o-trang-chu/
http://blog.trangwebvang.com/online-marketing/cach-kiem-tra-1-website-da-chuan-seo-hay-chua/
http://www.caominhblog.com/tong-quan-ve-google-analytics/
https://www.google.com/webmasters/tools
http://www.tips24h.net/2014/12/huong-dan-cach-them-hreflang-cho-blogspot.html
http://vietmoz.net/kien-thuc-seo/kien-thuc-co-ban/Noi-dung-trung-lap-Duplicate-Content-17/
http://www.efocus.vn/10-cong-cu-kiem-tra-trung-lap-noi-dung-hieu-qua/
http://inet.edu.vn/tin-tuc/140/nofollow-la-gi.html
http://the-gioi-blog.blogspot.com/2014/02/seo-hieu-qua-voi-title-tag-va-meta-tag.html
http://ngocgn90.blogspot.com/2017/03/the-meta-tags-seo-than-thien-va-chuan-html5.html
http://phamhuanmko.blogspot.com/2014/01/toi-uu-hoa-meta-description-keywords-cho-trang-chu-lable-bai-viet-trong-blogspot.html
http://allchiase.blogspot.com/2015/10/cau-truc-tong-quan-cua-mot-template.html
http://www.sharetemplateseo.com/2016/10/huong-dan-fix-loi-anh-mo-ta-khi-chia-se-len-mang-xa-hoi.html
website review, check web
https://www.onlinewebcheck.com
http://www.seoptimer.com
https://seositecheckup.com/seo-audit/www.goghep.xyz
Link : Kiểm tra, Seo, Lỗi web ….
http://semalt.com
top menu css responsivecode layout div responsiveBuilding a Responsive Two Column Layout – code Change Font Size blogspotLink Tải :- http://www.blogspotvn.com/2016/11/template-blogger-van-thang-blog.html- http://www.blogspotvn.com/2016/08/ajustmag.html – Mau menu dep- http://www.blogspotvn.com/2016/11/storemag-blogger-template.html – ban giay-http://www.yotemplates.com/2015/06/camera-man-responsive-blogger-template.html- http://www.blogspotvn.com/2016/07/2-template-blogger-dep-phu-hop-cho-trang-video.html- http://www.blogspotvn.com/search/label/Template%20Blogger%20Video%20-%20Phim-https://www.google.com.vn/search?q=SEO+Elite+template&biw=1366&bih=639&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi45tmG1-DQAhWIipQKHdMPBDAQ_AUIBigB#imgrc=cOobd-T-uTA3UM%3A-http://www.4tipsvn.tk/2016/04/tong-hop-mot-so-template-dang-wap-game.html – Wap template-https://drive.google.com/file/d/0B-1Mm6WAgxkfaWZyUTZUMzF5eHM/view-http://www.templatoid.com/2015/01/trivusion-blogger-template.html-http://www.templatoid.com/2014/12/seo-fix-blogger-template.html1. Code dịch tiếng việt trang blogspot thành tiếng anh Tạo Nhiều Tab Chứa Widget trên một Sidebar Trong Blogger – Blogspothttp://www.anhnhim.net/2016/07/tao-nhieu-tab-chua-widget-tren-mot-sidebar-cho-blogspot.htmlhttp://www.terocket.com/2011/08/tien-ich-multi-tabbed-widget-for.htmlHướng dẫn tạo phần label của blogspot đẹp hơn và nằm trong khunghttp://www.kenhshare.net/2014/11/huong-dan-tao-phan-label-cua-blogspot-cho-dep-hon-va-trong-khung.htmlHướng dẫn sử dụng thẻ label (nhãn) trong blogspothttp://ngocha89.blogspot.com/2014/11/huong-dan-su-dung-the-label-nhan-trong-blogspot.htmlTạo nhiều chuyên mục cho bài viết theo nhãnhttp://chinhtrucblog.blogspot.com/2013/10/tao-nhieu-chuyen-muc-cho-bai-viet-theo.htmlHiển thị tên tác giả – ngày đăng – nhãn bên dưới tiêu đề bài viết trong bloggerhttp://math2it.com/hien-thi-ten-tac-gia-ngay-ang-nhan-ben/http://khanh98.blogspot.com/2015/01/hien-thi-ten-tac-gia-thoi-gian-nhan-so.htmlChia Main Body thành 2 hay nhiều cột trong Blogger Templatehttp://thuthuatgood.blogspot.com/2012/01/chia-main-body-thanh-2-hay-nhieu-cot.htmlChia tiện ích trong blogspot thành nhiều cộthttp://www.terocket.com/2011/02/cach-chia-module-blog-lam-nhieu-cot.htmlChia Footer Blogger (Đáy Blogspot) thành nhiều cộthttp://www.terocket.com/2011/08/chia-footer-blogger-ay-blogspot-thanh.htmlBài viết liên quan :http://8ddnv.blogspot.com/2013/01/bai-viet-lien-quan-hieu-ung-cho-blog.htmlhttp://www.terocket.com/2012/09/related-post-with-thumbnail-tooltips.htmlhttp://www.startuanit.net/2016/06/bai-viet-lien-quan-dep-cho-blogspot.htmlHiển thị Tiêu đề bài viết Cũ hơn và Mới hơn trong bloggerhttp://a4manga.blogspot.com/2015/05/hien-thi-tieu-e-bai-viet-cu-hon-va-moi.htmlhttp://kslzone.blogspot.com/2014/05/hien-thi-tieu-de-bai-moi-va-cu-hon-trong-blogger.htmlhttp://trollvl.blogspot.com/2013/09/add-post-titles-to-older-and-newer-post.htmlhttp://www.terocket.com/2014/01/hien-next-previous-kem-tieu-de-bai-viet.htmlhttp://www.chiase69.com/2014/12/cach-them-tien-ich-widget.htmlhttp://fandung.blogspot.com/2009/04/chen-them-khung-them-tien-ich-cho-phan.htmlwebsite Tham khảo Code từ web :https://www.izwebz.com/css/floating-menu-tao-menu-co-dinh-khi-scroll-chuot/ – Floating menu: Tạo menu cố định khi scroll chuộthttp://www.dohungmmo.us/2015/09/lam-widget-truot-giong-quang-cao.html – Làm widget trượt giống quảng cáo Admicro cho blog và webhttp://caocongkien.blogspot.com/2013/06/mot-so-thu-thuat-thu-gon-bai-viet-tren.html – Rut gon bai viethttp://blog.doisong24.com/2017/02/tu-dong-tom-tat-bai-viet-khong-dung.html – tom tat bai viethttp://muathukn.blogspot.com/2013/02/cach-rut-gon-bai-viet-cho-blogspot-auto.html -http://math2it.com/tao-phan-trang-co-anh-so-cho-blogger/ – Tao phan tranghttp://tapchicntt.com/2014/10/09/blogger-hien-thi-bai-viet-thuoc-label-nhat-dinh-o-trang-chu/http://blog.trangwebvang.com/online-marketing/cach-kiem-tra-1-website-da-chuan-seo-hay-chua/http://www.caominhblog.com/tong-quan-ve-google-analytics/https://www.google.com/webmasters/toolshttp://www.tips24h.net/2014/12/huong-dan-cach-them-hreflang-cho-blogspot.htmlhttp://vietmoz.net/kien-thuc-seo/kien-thuc-co-ban/Noi-dung-trung-lap-Duplicate-Content-17/http://www.efocus.vn/10-cong-cu-kiem-tra-trung-lap-noi-dung-hieu-qua/http://inet.edu.vn/tin-tuc/140/nofollow-la-gi.htmlhttp://the-gioi-blog.blogspot.com/2014/02/seo-hieu-qua-voi-title-tag-va-meta-tag.htmlhttp://phamhuanmko.blogspot.com/2014/01/toi-uu-hoa-meta-description-keywords-cho-trang-chu-lable-bai-viet-trong-blogspot.htmlhttp://allchiase.blogspot.com/2015/10/cau-truc-tong-quan-cua-mot-template.htmlhttp://www.sharetemplateseo.com/2016/10/huong-dan-fix-loi-anh-mo-ta-khi-chia-se-len-mang-xa-hoi.htmlhttps://www.onlinewebcheck.comhttp://www.seoptimer.comhttps://seositecheckup.com/seo-audit/www.goghep.xyzLink : Kiểm tra, Seo, Lỗi web ….
