Thứ Hai, ngày 22 tháng 8 năm 2016

Share full code template Blog Windows 10 đơn giản nhưng tinh tế

Blogger template gốc có tên iBeats các bạn có thể xem demo theme gốc tại đây. Mình đã chỉnh sửa lại để phù hợp với mục đích sử dụng của mình. Nếu bạn thấy phù hợp thì để lại đại chỉ email bên dưới bài đăng mình sẽ gửi template qua mail cho ban.



Đặc điểm chính của template
  • Responsive
  • Giao diện SEO thân thiện
  • Phần chân gồm 4 cột
  • Công cụ Validator thử nghiệm của Google
  • Giao diện mobile thân thiện
  • Tùy chỉnh lỗi trang 404
  • Load nhanh
  • Nút mạng xã hội
  • Hình bài viết ngoài trang chủ được thu gọn chứ không phải bị cắt như các template khác
  • Bài viết liên quan chuẩn HTML5
  • Hỗ trợ chèn quảng cáo
  • Drop Down Menu
  • Giao diện sạch
  • Thiết kế đơn giản
  • Tương thích với tất cả trình duyệt
Hướng dẫn cài đặt

1/ Thay template
Mở file BlogWindows10.txt copy tất cả nội dung trong file sau đó truy cập vào blog chọn Mẫu >chỉnh sửa HTML thay thế cho nội dung vừa copy trong file BlogWindows10.txt > Lưu lại.

2/ Thay dòng chữ 'Windows 10 - Tin tức, thủ thuật, ứng dụng mới' phía trên địa chỉ trình duyệt


3/ Thay tiêu đề blog (nên để tiêu đề ngắn thôi)


4/ Thay biểu tượng Logo trước tiêu đề trên thanh menu


Nhấn Ctrl+F gõ từ khóa "\f17a" sau đó truy cập trang https://astronautweb.co/snippet/font-awesome/ thay thế biểu tượng, hoặc nếu không thích thì xóa cũng được


5/ Phần Menu nhấn Ctrl+F gõ từ khóa ví dụ như 'Thảo luận' chỉnh sửa tên và thay thế link.


6/ Bài đăng ngoài trang chủ vào Bố cục chỉnh sửa Bài đăng trên Blog


7/ Phần chân Footer 


sẽ gồm 4 cột trong đó 3 cái đầu là tiện ích nhãn và cái cuối là tiện ích liên kết



8/ Phần bản quyền template dưới chân


vào Chỉnh sửa HTML nhấn Ctrl+F gõ từ khóa ví dụ như Nguyễn Anh Tuấn thay thế tên theo ý mình


Lưu ý chỉ thay thế tên "Biên tập nội dung" và "Nguyễn Anh Tuấn" không nên chỉnh sửa những thứ khác.

9/ Phần hiển thị tác giả dưới bài đăng


Do Blog có nhiều tác giả viết bài nên mình đã lấy giới thiệu tác giả trên google plus, xem bài viết https://blogthuthuatwin10.blogspot.com/2016/07/huong-dan-them-phan-gioi-thieu-tac-gia.html

10/ Widget Bình luận gần đây


Vào bố cục chỉnh sửa tiện ích copy đoạn mã sau vào.

<script style=text/javascript src="https://googledrive.com/host/0B-jiSGsgLypMaGJIb0pROE9OZ0E"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=0;</script><script src=/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<style type=text/css>
.rcw-comments a {text-transform: none;}
.rcw-comments {border-bottom: 1px solid #ddd; padding-top: 6px!important; padding-bottom: 6px!important;}
</style>


11/ Widget các chủ đề nổi bật


 Vào bố cục chỉnh sửa tiện ích chỉnh sửa lại như hình dưới, lưu ý tích đúng các ô như hình.


12/ Widget Thống kê Blog 


Cũng chỉnh sửa tiện ích như hình dưới


13/ Nếu muốn hiện widget thì vào chỉnh sửa HTML đổi widget Locked='True' thành Locked='Fasle'


Chúc các bạn sử dụng tempalte được như ý.