Chủ đề tổng hợp

header ads

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 :

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

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


 

Sản phẩm gỗ

Sàn gỗ tự nhiên - gỗ cao su - giá Chỉ 540.000đ/m2 - Liên hệ : 0968.970.650

Sản xuất Thớt gỗ theo đơn đặt hàng - Liên hệ 0968.970.650

Sản xuất Gỗ xẻ theo quy cách - Liên hệ 0968.970.650

Sản xuất Gỗ ghép theo quy cách - Liên hệ 0968.970.650

Đăng nhận xét

0 Nhận xét