Để 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 ) :

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-timestamp"
"reaction-buttons"
"post-comment-link"
"post-backlinks post-comment-link"
"post-icons"
"post-share-buttons goog-inline-block"
rel="author" title="author profile">

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


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-JavaScripthttps://www.ducanhplus.com/cac-toan-tu-sanh-va-logic-trong-javascript/ 

Post a Comment

Mới hơn Cũ hơn

Xe máy điện Xmen GT Nijia 2018 thể thao năng động (Trắng phối xanh)
Đi tới nơi bán

Xe máy điện Terra Xmen Blade khung thép hợp kim (Xanh lá cây)
Đi tới nơi bán