Chia sẻ miễn phí Việt Blogger Personal Blogger Template 2018

Đây là theme cũ Blogthuthuatwin10 mà mình đã chia sẻ trong năm 2017, thời gian gần đây có hứng viết Blog vì thấy mấy anh em đang đi vào quên lãng 😔 vì mải lo chăn GA 😂 do đó mình có thiết kế lại theme và đổi tên lại thành Việt Blogger Personal Blogger Template chia sẻ cho bà con cô bác cùng sử dụng.

Vì sao bạn nên chọn theme này để viết Blog trong năm 2018?

1. Thiết kế đơn giản sắp xếp gọn gàng
2. SEO tốt vì có thẻ meta, dữ liệu cấu trúc, chia sẻ bài viết đầy đủ cả ba la...
3. Dễ dàng đăng ký Adsense (reg không được do trùng tài khoản, hay nội dung, vi phạm chính sách... chứ phải lỗi do theme tội em 😥)
4. Full bản quyền cơ chả mã hóa tẹo nào 😱
5. Thiết kế cho các vị trí đặt quảng cáo thích hợp nhất
6. Video từ Youtube và Gogole Drive full reponsive 😱
7. Và còn vài lý do chưa nghĩ ra...😁

Lưu ý: Theme này đã xóa vĩnh viễn nhận xét mặc định của Blogger chỉ sử dụng nhận xét Facebook, do đó bạn nào cao thủ lắm mới thêm lại được. Hãy cân nhắc trước khi sử dụng.

Hình minh họa trang index

Hình minh họa trang bài viết

Hình minh họa bố cục tiện ích

Hướng dẫn cài đặt (Cái này quan trọng à nhe)

1. Chỉnh sửa phần Cài đặt bên ngoài

+ Sao lưu chủ đề cũ trước khi tải lên chủ đề mới. Trong trường hợp gặp lỗi bạn áp dụng mẫu mặc định trước rồi mới tải chủ đề mới lên.

+ Vào Bố cục chọn chỉnh sửa tiêu đề chọn tải banner nếu bạn muốn sử dụng banner thay tiêu đề bằng chữ. Lưu ý hình ảnh thiết kế độ rộng tối đa 150px.

+ Chọn chỉnh sửa Bài đăng trên Blog như hình bên dưới

+ Vào Cài đặt > Bài đăng, nhận xét và chia sẻ > Chọn Ẩn vị trí nhận xét

+ Vào Cài đặt > Tùy chọn tìm kiếm > Bật Mô tả thẻ meta viết khoảng 150 từ mô tả Blog, nếu thấy ngắn để trống thêm mô tả trực tiếp trong mẫu.

+ Thêm tệp Robots.txt mình có đính kèm, thay địa chỉ Blog

+ Bật thẻ tiêu đề robot tùy chỉnh cứ để nguyên bấm Lưu

+ Vào Cài đặt > Khác > Thêm ID thuộc tính web Analytics trong ô Google Analytics ví dụ UA-116912027-6

2. Chỉnh sửa trực tiếp trong mẫu

+ Trong Chủ đề > Chọn Chuyển đến tiện ích Blog1 > tìm và mở rộng cặp thẻ <b:includable id='comment-form' var='post'>...</b:includable> chọn thay app_id bằng ID ứng dụng Facebook. Lưu ý phải tạo ứng dụng đưa tên miền vào miền ứng dụng mới có thể share được.

+ Tiếp tục thêm ID ứng dụng trên thẻ meta share sau </head>, nhớ thay link ảnh

+ Các liên kết các bạn bấm Ctrl+F tìm từ khóa thay đổi

3. Đặt quảng cáo nếu có:

+ Trong Chủ đề tìm  #qc_top,#qc_bottom{display:none!important} sửa display:none thành display:block hoặc xóa hết đoạn cũng được.

<style>
#qc_top,#qc_bottom{display:none!important}
</style>

+ Ngoài Bố cục chọn chỉnh sửa các tiện ích Quảng cáo tích vào ô Hiển thị HTML/Javascript thêm mã quảng cáo của bạn thay thế nội dung trong Tiện ích

4. Viết bài

Bài viết là phần quan trọng nhất quyết định tất cả, cho nên các bạn hãy làm theo hướng dẫn như sau:

+ Đặt tiêu đề bài viết tối đa 70 từ và không quá ngắn

+ Bên phải mục Mô tả tìm kiếm viết mô tả bao quát bài viết tối đa 150 từ

+ Nếu phải sử dụng từ 2 Nhãn nên để ý các nhãn được sắp xếp theo thứ tự a,b,c... và từ trái qua phải

+ Chỉnh sửa Liên kết cố định chọn Liên kết cố định tùy chỉnh ghi lại đường dẫn

+ Bài viết phải sử dụng dấu ngắt nháy sau 3 hoặc đoạn đầu tiên và nên chèn đoạn ngắt nháy trước ảnh đầu tiên.

+ Hình ảnh phải được nén trước nên để kích thước tối đa 768px đến 860px và nén ảnh tại trang imagesmaller.com (Trang này cho kích trước nén rất tốt nhưng nhược điểm chỉ nén từng ảnh một). Ngoài ra khi tải ảnh lên phải để ảnh ở Kích thước ban đầu

+ Ảnh có thể thêm chú thích. Lưu ý ảnh không thêm thuộc tính vì được thêm thuộc tính title và alt lấy tiêu đề bài viết tự động khi tải trang

+ Nếu phải sử dụng trích dẫn cần copy đoạn css dưới vào mẫu

Copy

.post-body blockquote{color:#666;border-left:5px solid #005791;margin-left:0;padding:10px 15px}

.post-body blockquote:before{content:'\f10d';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:5px;color:#666}

Ví dụ khi chèn trích dẫn:

Khi tiếp cận một bài E-magazines, ta có cảm giác đang đọc báo phiên bản mobile trên máy tính, hoặc đang thưởng thức một trang tạp chí được thiết kế cầu kì. Ngoài ra, phần text (chính văn) của loại bài này có thể dài vài ngàn từ, với thông tin mang tính tổng hợp, pha trộn giữa bút pháp tường thuật, bình luận và phân tích chuyên sâu.

+ Chèn Video từ Google chuyển qua khung soạn thảo HTML

Copy

<div class="video-container">

<iframe allowfullscreen="" frameborder="0" src="https://drive.google.com/file/d/ID Video/preview"></iframe>

</div>

Demo:

+ Chèn Video từ YouTube chuyển qua khung soạn thảo HTML

Copy

<div class="video-container">

<iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/ID Video" ></iframe>


</div>

Demo:

Thay ID Video

+ Nếu muốn chèn code trong khung xem bài hướng dẫn cách chèn code và không phải thêm chỉ xem cách chèn code thôi

+ Nếu muốn làm nổi bật link chẳng hạn như nút download thì bên HTML thêm class='down' trong thẻ <a...

Ví dụ:

Về trang chủ

5. Trang tĩnh

+ Trong tệp tải về có 2 tệp Contact và sitemap sử dụng cho trang tĩnh các bạn tạo trang mới thêm code trong tệp bên khung soạn thảo HTML của trang.

Mình chia sẻ miễn phí cho bạn nào thật sự sử dụng theme chứ lấy về sử dụng thương mại là mình không share. Bạn nào thích viết Blog, thích theme này để lại nhận xét bên dưới nhé nếu chia sẻ bài viết này lên tường nhà thì càng tốt, mình cảm ơn 😍😍😍

Chấm hết bài!!!

Nội dung chính