Chỉnh sửa template Blogspot - link hướng dẫn chỉnh sửa và chèn code cơ bản

Để 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.

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ệ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 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 :

www.goghep.xyz , http://goxesay.vn , http://www.mbgo.xyz ,http://www.ahref.tk , http://www.diaoc24h.tk , www.tuvanketoan.xyz

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 :

www.vanghepnamtrung.com , http://www.vanghep.xyz , http://www.goxesay.xyz , www.aloseo.xyz , www.ketoandichvu.xyz

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 :

Link 1 : http://www.sotayabc.xyz/2016/10/code-tao-trang-blogspot-trong-e-tuy.html

Link 2 : http://www.aloseo.xyz/2015/03/tuy-chinh-template-cho-blog-cua-ban.html

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

Link : http://www.sotayabc.xyz/2016/10/code-goc-bai-ang-tren-blog-widget-quan.html

* 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 :

Link : http://www.sotayabc.xyz/2016/11/sua-code-widget-bai-dang-tren-blog-kieu-so-1.html

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 :

Link : http://www.sotayabc.xyz/2016/11/tra-cuu-cac-loai-the-trong-blogger.html

- Tra cứu các tiện ích của blogspot :

Link : http://www.sotayabc.xyz/2016/10/tien-ich-san-co-trong-blogspot.html

- Code chèn menu :

* Tạo Drop menu :

Link : http://www.sotayabc.xyz/2016/10/tao-drop-menu-don-gian-chen-vao-tien-ich-htlm.html

* Tạo menu dọc đơn giản :

Link : http://www.sotayabc.xyz/2016/10/tao-menu-doc-don-gian-chen-vao-tien-ich-html.html

* Menu chân trang :

Link : http://www.sotayabc.xyz/2016/10/tao-menu-chan-trang.html

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 :

Link1 : http://www.sotayabc.xyz/2016/10/tao-form-lien-he-nhan-mail-chen-code.html

Link2 : http://www.sotayabc.xyz/2016/10/code-form-ang-ky-nhan-bai-viet-moi-qua.html

- Tạo sitemap danh mục bài viết

Link1 : http://www.sotayabc.xyz/2016/10/tao-sitemap-danh-muc-bai-viet-kieu-1.html

- 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

Link : http://www.sotayabc.xyz/2016/10/css-tuy-chinh-kich-thuoc-blogger.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.

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

Link 2 : http://nhutlinhron.blogspot.com/2016/06/bai-viet-lien-quan-ep-cho-blogspot.html

Link 3 : http://bittuotblog.blogspot.com/2014/03/cach-tao-them-bai-viet-lien-quan-blogspot.html

Link 4 : http://www.terocket.com/2011/07/tien-ich-bai-viet-lien-quan-cho-blogger.html

Link 5 : http://blog.doisong24.com/2016/08/bai-viet-lien-quan-chi-gom-tieu-de-bai.html

Link 6 : http://bittuotblog.blogspot.com/2016/03/tao-bai-viet-lien-quan-goc-phai-hien-khi-keo-chuot.html

Link 7 : http://kslzone.blogspot.com/2014/07/bai-viet-lien-quan-chuan-html5-cho.html

Link 8 : http://www.terocket.com/2013/02/box-related-post-under-header-post.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)

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 :

Link 1 : http://www.terocket.com/2011/01/chen-quang-cao-vao-cac-vi-tri-khac-nhau.html

Link 2 : https://doiguocmoc.com/blogspot/thu-thuat-blogspot/chen-quang-cao-vao-giua-bai-viet-cho-blogspot.html

Link 2 : https://www.windows2it.com/2015/12/chen-quang-cao-google-adsense-tu-dong-vao-giua-bai-viet.html

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 :

Link 1 : http://caocongkien.blogspot.com/2013/06/mot-so-thu-thuat-thu-gon-bai-viet-tren.html

Link 2 : https://doiguocmoc.com/blogspot/thu-thuat-blogspot/huong-dan-thu-gon-bai-viet-tren-trang-chu.html

* Ẩn bài viết trang chủ :

Link : http://www.aloseo.xyz/2015/09/an-bai-viet-o-trang-chu-blogspot.html

* 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 :

Link : http://www.aloseo.xyz/2015/09/tong-hop-tuy-chinh-nhan-am-may-bang-css.html

* Quảng cáo trượt giống quảng cáo Admicro cho blog và web :

Link : http://www.aloseo.xyz/2015/09/code-quang-cao-truot-giong-quang-cao.html

* Sửa lỗi không hiển thị ảnh blogspot :

Link : http://www.aloseo.xyz/2015/08/code-khac-phuc-loi-khong-hien-thi-hinh.html

* Chèn quảng cáo cho bài viết :

Link : http://www.aloseo.xyz/2015/03/chen-quang-cao-vao-bai-viet-blog.html

* Tổng hợp thủ thuật :

Link : http://www.aloseo.xyz/search/label/00codeblog?max-results=12

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 : 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-1024x768(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

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://blogloi.com/huong-dan-cai-dat-blogspot/

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.startuanit.net

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/

http://w3bits.com/css-masonry/

https://mobirise.com/bootstrap-gallery/

https://thachpham.com/web-development/tim-hieu-ve-masonry-layout.html

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

http://bashooka.com/coding/responsive-jquery-image-gallery-plugins/

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://1stwebdesigner.com/jquery-gallery/

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.picssel.com/create-a-filtered-image-gallery-with-jquery-and-fancybox/

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,

https://codepen.io/jamesgray/pen/EaRpyB?editors=1111

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://www.maskolis.com/2013/01/modifikasi-3-template-valid-html5.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

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/

https://w3layouts.com/house-framing-real-estate-mobile-website-template/

http://andreasviklund.com/mobile-templates/

http://mobifreaks.com/free-mobile-website-templates

https://w3layouts.com/basic-website-and-mobile-template-for-free/

http://mickaelguillaume.esy.es/Mobile-Template/index.html ok

https://w3layouts.com/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

top menu css responsive
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. Code dịch tiếng việt trang blogspot thành tiếng anh

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 tạo phần label của blogspot đẹp hơn và 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

Sản phẩm gỗ