Để chỉnh sửa làm đẹp giao diện cho blogger chúng ta cần tìm hiểu cấu trúc từ template đơn giản bằng cách xóa bỏ các thành phần thừa, chỉnh sửa những thành phần hợp lý nhưng chưa đẹp và thêm vào những thành phần còn thiếu.
[Link gốc : http://www.ivietpr.com/2019/02/tong-hop-thu-thuat-meo-vat-tien-ich-tips-tools-danh-cho-blogger.html ]
Bước 1 Tạo danh sách các thành phần hiển thị trên giao diện – Template bloger đơn giản bao gồm :
Trên Trang chủ gồm có các mục sau :
– Ngày tháng
– Đăng ký: Bài đăng (Atom)
– Chủ đề Đơn giản. Được tạo bởi Blogger.
– Giới thiệu bản thân
…
Trên trang xem bài viết bao gồm các mục :
– Khung nhận xét
– Tác giả :
…
Trên trang nhãn trên Trang nhãn :
– Hiển thị các bài đăng có nhãn . Hiển thị tất cả bài đăng
– Bài đăng nổi bật
– Bài đăng phổ biến
– Khung đăng nhận xét
…
Từ cấu trúc trên chúng ta có thể search trên google các cụm từ khóa liên quan hoặc code liên quan [ xem code bằng cách click phải và chọn
view seclection source
]
Sau khi chỉnh sửa cách thành phần cơ bản từ các hướng dẫn tìm kiếm trực tuyến chúng ta có thể chỉnh sửa nâng cao bằng cách Chỉnh sửa các thành phần hợp lý nhưng chưa đẹp hoặc bổ sung thêm code CSS , Script những thành phần còn thiếu và hoàn thiện trang WEB theo ý thích riêng của mỗi cá nhân sở hữu blog.
Ghi nhớ :
Xóa thành phần thừa, ẩn nội dung không liên quan (footer cuối trang – ứng dụng cho template không được chỉnh sửa dòng cuối trang ) :
Xóa thành phần thừa, ẩn nội dung không liên quan (footer cuối trang – ứng dụng cho template không được chỉnh sửa dòng cuối trang ) :
Các thẻ Div, Class, id quan trọng trong Blogger :
<div class=’breadcrumbs’>
<data:label.name/>
<div class=”comments” id=”comments”>
<div class=”comment-form”>
<h4 id=”comment-post-message”>
“post-author vcard””post-author vcard”
“post-timestamp”
“reaction-buttons”
“post-comment-link”
“post-backlinks post-comment-link”
“post-icons”
“post-share-buttons goog-inline-block”
Tìm kiếm hướng dẫn một số thủ thuật phổ biến :
– Hướng dẫn tạo Next post và Previous post đẹp cho blogspot
– Chèn quảng cáo vào giữa bài viết | Chèn quảng cáo vào bên trong bài viết
– Chèn quảng cáo đầu, cuối, bên phải, bên trái bài viết
– Hướng dẫn tạo Next post và Previous post đẹp cho blogspot- Chèn quảng cáo vào giữa bài viết | Chèn quảng cáo vào bên trong bài viết- Chèn quảng cáo đầu, cuối, bên phải, bên trái bài viết
rel=”author” title=”author profile”>
– Giới hạn số lượng bài viết hiển thị trong trang Labels và Archive
– Giới hạn số lượng bài viết cho Nhãn (Labels) trong Blogger
– Tùy biến widget label nhãn blogger toàn tập
– Sử dụng hàm Document Write trong JavaScript
– Các toán tử so sánh và logic trong javascript
– Cách tùy chỉnh widget hiển thị trong blogspot
– Tùy chỉnh labels widget với hiệu ứng
– Hiện next previous kèm tiêu đề bài viết. | Blog page next and previous đẹp cho blogspot- Giới hạn số lượng bài viết hiển thị trong trang Labels và Archive- Giới hạn số lượng bài viết cho Nhãn (Labels) trong Blogger- Tùy biến widget label nhãn blogger toàn tập- Sử dụng hàm Document Write trong JavaScript- Các toán tử so sánh và logic trong javascript- Cách tùy chỉnh widget hiển thị trong blogspot- Tùy chỉnh labels widget với hiệu ứng
Danh sách Web hướng dẫn chỉnh sửa blogger :
Script & HTML :
https://www.codehub.vn
https://www.ducanhplus.com
Thủ thuật, mẹo vặt Blogger :
https://dxoan.blogspot.com
https://blog.landgonow.com
https://www.tranbadat.com
https://thuthuatseoblogger.blogspot.com
http://www.khamphablog.com
http://a4manga.blogspot.com
https://hochoaihocmai.blogspot.com
Mẫu sửa xoá phần thừa chỉnh sửa tiện ích bổ sung javascript, Css :
Note :
Tối ưu Thẻ canonical – khai báo link bài viết gốc [ https://huongdanseoweb.com/toi-uu-seo-web-voi-the-canonical.html ]
Thiết kế giao diện Responsive cho blog-web
Cài đặt font Awesome
Chọn kiểu web : Single Page , News …
Trường phái Seo : Content is king – nội dung là vua ; Backlinks Is King – Nhiều Backlink lên Top ; Traffic : Tập trung vào lưu lượng truy cập ; Hỗn tạp cái gì cũng làm ; Xây dựng hệ thống
Chọn chủ đề cho Web -> cấu trúc thư mục -> Bài viết con :
Kiểm tra :
Kiểm tra giao diện mobile và Responsive ngay trên trình duyệt máy tính
Kiểm tra lỗi code web
Kiểm tra tốc độ web
Sử dụng ứng dụng online :
– logomaker.com : tạo logo
– canva.com : tạo banner
– wordart.com : Tạo đám mây chữ
Xem thêm :
www.vietbaiquangcaosanpham.com/thu-thuat-viet-quang-cao-online/tro-thu-dac-luc-cho-cong-viec-viet-quang-cao-va-seo-noi-dung
Bảo vệ content :
Đánh dấu bản quyền và watermark bài viết
Bảo vệ nội dung bằng Google Authorship
Thiết lập Google Alerts để kiểm tra khi Content bị copy
Tạo DMCA : dmca.com
Web và công cụ (tool) hỗ trợ Seo
Công cụ của google : Google Alerts | Google Keyword Planner | Google Webmaster Tool | Google Analytics | Google Page Speed
Phân tích Back Link : Backlink Watch | Ahrefs | Bing Webmaster Link Explorer
Tối ưu hóa Website :SeoRCH | Xenu Link
Link xấu : Disavow Link Tool
Xu hướng : MozCast | Algoroo
Công cụ tổng hợp : Moz | Seoquake | Spider Test | Robots.Txt Checker
Giải mã :
Click here để giải mã Unpack một số JavaScript mã hóa đơn giản
)
https://trinhdinhlinh.com/cong-cu-giai-ma-html/
http://dean.edwards.name/unpacker/ https://www.base64decode.org/
https://www.strictly-software.com/unpack-javascript
http://matthewfl.com/unPacker.html
http://ddecode.com/hexdecoder/ (Giải mã HTML/Oct/Hex )
Chuyển hướng :
Chuyển hướng 301 bài viết trong blogspot (Hướng dẫn cách chuyển hướng link nội bộ blogspot) :
https://www.tranbadat.com/2015/08/cach-chuyen-huong-redirect-301-trong-blogspot.html
Chuyển hướng blog cũ sang blog mới :
https://www.windows2it.com/2015/10/chuyen-huong-url-blog-cu-sang-url-blog-moi-cho-blogspot.html
Tạo trang chuyển tiếp tự động cho blogger :
https://kslzone.blogspot.com/2014/08/trang-chuyen-tiep-tu-dong-cho-blogger-blogspot.html
https://blog.landgonow.com/2011/11/redirect-url-for-blogspot-tao-trang.html
Vấn đề chỉnh sửa cấu hình robot.txt
https://www.toilaquantri.com/2018/03/robot-txt-chuan-cho-blogspot-2018.html
https://www.toilaquantri.com/2015/10/trang-web-chia-se-template-blogspot.html
https://www.tranbadat.com/2015/07/file-robottxt-chuan-nhat-cho-blogspot.html
Tối ưu chuẩn Seo cho blogspot [Tối ưu thẻ meta chuẩn SEO, cấu trúc bài viết chuẩn seo ] – tạo sitemap.xml :
https://megabits.vn/toi-uu-seo-blogspot/
https://www.tranbadat.com/2015/08/toi-uu-seo-blogspot-toi-uu-tieu-de-meta-description-meta-tags.html
https://ngocmanhweb.com/hoc-lam-seo/seo-blogger-bang-the-meta.html
https://www.toilaquantri.com/2017/09/bo-the-meta-full-2018-cho-nen-tang-blogger.html
https://seothetop.com/blog-t3-c295.html
https://pvonline.vn/cau-truc-bai-viet-chuan-seo-2019-se-nhu-nao.html
http://seo.edu.vn/tu-hoc-seo/huong-dan-tao-sitemap-xml-va-sitemap-html-cho-website-500
Bổ sung thẻ thẻ hreflang :
Công cụ hỗ trợ tạo thẻ hreflang http://www.internationalseomap.com/hreflang-tags-generator/
Khai báo và xác minh website với Google Webmaster Tools (các công cụ google search-console , Google Analytics, PageSpeed Insights… )
https://nguyenhungplus.com/huong-dan-khai-bao-va-xac-minh-website-voi-google-webmaster-tools.html
Tên miền , Host và Giao diện (Miễn phí, Có phí và Tự code giao diện )
Trỏ tên miền về blogspot
Chuẩn https:// cho blogger :
Xem hướng dẫn cài đặt https:// cho blogspot :
Link 1 : https://www.thuthuatseomoi.com/2017/05/cai-dat-https-cho-blogger-tuy-chinh.html
Link 2 : https://cheng.vn/tao-blog-ca-nhan-blogspot/huong-dan-thiet-lap-https-cho-ten-mien-rieng-cua-blogspot/
Host blogger là miễn phí (không phải lo)
Một số trang tải giao diện miện phí :
http://www.ahref.xyz/
https://gooyaabitemplates.com/
https://www.kaizentemplate.com/
https://www.msdesignbd.com/
https://www.arlinadzgn.com/
https://www.soratemplates.com/
Chung :
Chèn quảng cáo ( đầu, cuối, bên trái, bên phải và vào giữa bài viết kết hợp thẻ điều kiện, sử dụng script chèn text )
Xoá thừa : đăng ký bởi blogger, hiển thị bài đăng, autom, đăng nhận xét
Popup cuối trang bên trái, bên phải
Nút : nút di chuyển lên đầu trang cuối trang, nút chia sẻ.
Thêm : dòng trên tiêu đề, dòng dưới tiêu đề, tạo tiêu đề thân thiện,
Chèn tab 3 cột
Chuyển đổi xem dạng lưới [grid] thành dạng danh sách [list] và ngược lại
Chèn menu ngang, liệt kê danh sách
Tạo mục lục di chuyển nhanh đến bài viết kết hợp quảng cáo dính cuối trang
Trang chủ : Bài viết xem nhiều, Bài viết mới nhất, bài viết theo nhãn, tiện ích nhãn, chân trang
Trang xem bài viết : Bài viết liên quan , tác giả.
Trang nhãn :
Trang tĩnh : Sitemap, trang giới thiệu, trang chuyển hướng ( dùng xem trang code demo cấu trúc ivietpr.com/p/demo.html/? Url=http:// sotayabc.xyz )
Link hay :
https://stackoverflow.com/questions/4721216/is-there-a-way-to-get-the-current-post-url-in-blogger {
Is there a way to get the current post URL in Blogger?
}
https://dxoan.blogspot.com/2015/06/chen-quang-cao-vao-giua-bai-viet-blogger-blogspot.html {Chèn quảng cáo vào giữa bài viết }
http://webhue.blogspot.com/2013/01/tuy-bien-widget-label-nhan-blogger-toan.html
https://www.codehub.vn/Su-Dung-Ham-Document-Write-trong-JavaScript
https://www.ducanhplus.com/cac-toan-tu-sanh-va-logic-trong-javascript/
https://www.codehub.vnhttps://www.ducanhplus.comhttps://dxoan.blogspot.comhttps://blog.landgonow.comhttps://www.tranbadat.comhttps://thuthuatseoblogger.blogspot.comhttp://www.khamphablog.comhttp://a4manga.blogspot.comhttps://hochoaihocmai.blogspot.comTối ưu Thẻ canonical – khai báo link bài viết gốc [ https://huongdanseoweb.com/toi-uu-seo-web-voi-the-canonical.html ]Thiết kế giao diện Responsive cho blog-webCài đặt font AwesomeChọn kiểu web : Single Page , News …Trường phái Seo : Content is king – nội dung là vua ; Backlinks Is King – Nhiều Backlink lên Top ; Traffic : Tập trung vào lưu lượng truy cập ; Hỗn tạp cái gì cũng làm ; Xây dựng hệ thốngChọn chủ đề cho Web -> cấu trúc thư mục -> Bài viết con :Kiểm tra giao diện mobile và Responsive ngay trên trình duyệt máy tínhKiểm tra lỗi code webKiểm tra tốc độ web- logomaker.com : tạo logo- canva.com : tạo banner- wordart.com : Tạo đám mây chữXem thêm :Đánh dấu bản quyền và watermark bài viếtBảo vệ nội dung bằng Google AuthorshipThiết lập Google Alerts để kiểm tra khi Content bị copyTạo DMCA : dmca.comCông cụ của google : Google Alerts | Google Keyword Planner | Google Webmaster Tool | Google Analytics | Google Page SpeedPhân tích Back Link : Backlink Watch || Bing Webmaster Link ExplorerTối ưu hóa Website :SeoRCH | Xenu LinkLink xấu : Disavow Link ToolXu hướng : MozCast | AlgorooCông cụ tổng hợp 😐 Seoquake | Spider Test | Robots.Txt Checkerhttps://trinhdinhlinh.com/cong-cu-giai-ma-html/http://dean.edwards.name/unpacker/ https://www.base64decode.org/https://www.strictly-software.com/unpack-javascripthttp://matthewfl.com/unPacker.htmlhttp://ddecode.com/hexdecoder/ (Giải mã HTML/Oct/Hex )Chuyển hướng 301 bài viết trong blogspot (Hướng dẫn cách chuyển hướng link nội bộ blogspot) :https://www.tranbadat.com/2015/08/cach-chuyen-huong-redirect-301-trong-blogspot.htmlChuyển hướng blog cũ sang blog mới :https://www.windows2it.com/2015/10/chuyen-huong-url-blog-cu-sang-url-blog-moi-cho-blogspot.htmlTạo trang chuyển tiếp tự động cho blogger :https://kslzone.blogspot.com/2014/08/trang-chuyen-tiep-tu-dong-cho-blogger-blogspot.htmlhttps://blog.landgonow.com/2011/11/redirect-url-for-blogspot-tao-trang.htmlhttps://www.toilaquantri.com/2018/03/robot-txt-chuan-cho-blogspot-2018.htmlhttps://www.toilaquantri.com/2015/10/trang-web-chia-se-template-blogspot.htmlhttps://www.tranbadat.com/2015/07/file-robottxt-chuan-nhat-cho-blogspot.htmlhttps://megabits.vn/toi-uu-seo-blogspot/https://www.tranbadat.com/2015/08/toi-uu-seo-blogspot-toi-uu-tieu-de-meta-description-meta-tags.htmlhttps://ngocmanhweb.com/hoc-lam-seo/seo-blogger-bang-the-meta.htmlhttps://www.toilaquantri.com/2017/09/bo-the-meta-full-2018-cho-nen-tang-blogger.htmlhttps://seothetop.com/blog-t3-c295.htmlhttps://pvonline.vn/cau-truc-bai-viet-chuan-seo-2019-se-nhu-nao.htmlhttp://seo.edu.vn/tu-hoc-seo/huong-dan-tao-sitemap-xml-va-sitemap-html-cho-website-500Bổ sung thẻ thẻ hreflang :Công cụ hỗ trợ tạo thẻ hreflang http://www.internationalseomap.com/hreflang-tags-generator/https://nguyenhungplus.com/huong-dan-khai-bao-va-xac-minh-website-voi-google-webmaster-tools.htmlChuẩnXem hướng dẫn cài đặt https:// cho blogspot :http://www.ahref.xyz/https://gooyaabitemplates.com/https://www.kaizentemplate.com/https://www.msdesignbd.com/https://www.arlinadzgn.com/https://www.soratemplates.com/Chèn quảng cáo ( đầu, cuối, bên trái, bên phải và vào giữa bài viết kết hợp thẻ điều kiện, sử dụng script chèn text )Xoá thừa : đăng ký bởi blogger, hiển thị bài đăng, autom, đăng nhận xétPopup cuối trang bên trái, bên phảiNút : nút di chuyển lên đầu trang cuối trang, nút chia sẻ.Thêm : dòng trên tiêu đề, dòng dưới tiêu đề, tạo tiêu đề thân thiện,Chèn tab 3 cộtChuyển đổi xem dạng lưới [grid] thành dạng danh sách [list] và ngược lạiChèn menu ngang, liệt kê danh sáchTạo mục lục di chuyển nhanh đến bài viết kết hợp quảng cáo dính cuối trangBài viết xem nhiều, Bài viết mới nhất, bài viết theo nhãn, tiện ích nhãn, chân trangBài viết liên quan , tác giảSitemap, trang giới thiệu, trang chuyển hướng ( dùng xem trang code demo cấu trúc ivietpr.com/p/demo.html/? Url=http:// sotayabc.xyz )https://dxoan.blogspot.com/2015/06/chen-quang-cao-vao-giua-bai-viet-blogger-blogspot.html {Chèn quảng cáo vào giữa bài viết }
XÊM THÊM NỘI DUNG BÀI VIẾT LIÊN QUAN :
