Lấy ý tưởng từ giao diện của mẫu Blog mặc định Contempo và cập nhật theo xu hướng Material Design. Bản cập nhật v4 vẫn dựa theo thiết kế của bản v3 nhưng được cập nhật thêm một vài tính năng mới như menu trên giao diện điện thoại, thay đổi khung tìm kiếm mới, cập nhật khung nhận xét mới nhất của mẫu Contempo và thêm các nút chèn biểu tượng, code, ảnh và video, thay đổi style của phần nội dung nhận xét. Sử dụng material icon….
Danh sách cập nhật mới được thêm vào:
Nếu bạn nào đang sử dụng giao diện cũ của Blog mình có thể tải về cập nhật, lưu ý mình chỉ gửi link qua email cho bạn, nếu bạn nào muốn lấy thì để lại email bên dưới. Mình không giới thiệu nhiều chỉ viết hướng dẫn cài đặt. Trước hết bạn nên sao lưu mẫu cũ của mình lại trước khi thay thế mẫu mới. Một số bạn khi áp dụng mẫu vào có hiện tượng load chậm, bị giựt không chỉnh sửa được, vấn đề này là do blog của các bạn chưa có data bài viết. Các bạn nên có sẵn hơn 10 bài viết cho blog mình.
2. Thay Logo, mô tả, từ khóa, Facebook ID
Thay từ khóa trong bài viết tìm kiếm keyword_collect thay bằng cụm từ khóa theo ý bạn, từ khóa sẽ xuất hiện bên dưới bài viết nếu trong bài viết bạn soạn thảo có từ hoặc cụm từ giống như bạn đã chèn trong template.
Do mình thiết kế hai menu khác nhau cho giao diện máy tính và điện thoại cho nên các bạn phải thay cả hai phần. Để thay menu cho máy tính tìm từ khóa main-nav còn thay menu cho điện thoại tìm từ khóa toggleMenu ripple
6. Thêm trang chuyển hướng ra ngoài
Thay dòng text theo ý bạn và địa chỉ blog của bạn. Khi viết bài muốn chèn link ngoài ví dụ link http://ift.tt/2y0AD85 qua trang chuyển hướng thì bạn chèn như sau:
http://ift.tt/2xWTW4qTrường hợp bạn muốn làm nổi bật nút giống như nút Demo ở trên thì thêm class=’down’ trong link, ví dụ:
8. Thêm trang điều khoản khi tải file
Thay dòng text theo ý bạn. Khi viết bài muốn chèn link vào trang điều khoản ví dụ muốn chèn link tải http://ift.tt/2y0AEsF các bạn chèn theo mẫu sau:
http://ift.tt/2xXL9z7Trường hợp bạn muốn làm nổi bật nút giống như nút Demo ở trên thì thêm class=’down’ trong link. Xem ví dụ:
9. Chèn link tải vào hộp popup
Tương tự như mục 8 chỉ khác ở trên là trang điều khoản có thể áp dụng cho nhiều link tải trong một bài viết, còn trong bài viết chỉ có một link tải duy nhất thì các bạn nên chèn vào hộp popup. Lấy ví dụ các bạn muốn chèn link tải http://ift.tt/2xYrvke vào chữ iOS 11 theme thì trong bài viết các bạn chuyển qua khung soạn thảo HTML chèn đoạn code dưới cùng bài viết
Thay dòng text theo ý bạn, để chèn link vào chữ iOS 11 theme ta chèn như sau:
Xem ví dụ:
10. Thêm bài đăng gần đây theo nhãn dưới chân trang
Dưới chân trang mình thêm sẵn 4 tiện ích HTML/Javascript trong đó đã bào gồm đoạn script bạn cần vào Bố cục chỉnh sửa lại tiện ích thay bằng nhẵn của blog bạn, Ví dụ về đoạn script cho nhãn Tin tức
Bạn cần thay những chỗ mình để in đậm. Trường hợp bạn muốn thêm tiện ích này ở sidebar thì bạn chèn đoạn script với nội dung sau:
11. Lấy số lượt theo dõi từ mạng xã hội
12. Thay uri của blog sử dụng cho tiện ích Theo dõi qua Email
Sau khi bạn thay thế ID và API Key xong thì trong đoạn javascript ở ngay bên dưới có đoạn uri=blogthuthuatwin10 thì blogthuthuatwin10 chính là uri blog. Cách lấy uri blog vào bố cục chọn thêm tiện ích Theo dõi qua Email, trong tiện ích để ý phần URL FeedBurner nó có dạng http://ift.tt/2xZltzy thì bạn chỉ cần lấy phần blogthuthuatwin10 vì đó là uri của Blog xong bỏ không thêm tiện ích.
13. Đăng ký dịch vụ opensharecount để lấy lượt chia sẻ twitter
Bạn chỉ cần truy cập website điền email, mật khẩu và địa chỉ blog của bạn và tất nhiên là bạn phải có tài khoản twitter rồi. Nói nôm na là chúng ta cho phép opensharecount sử dụng dịch vụ twitter. Khi đăng ký xong bạn không phải làm gì cả vì mình đã thêm sẵn đoạn javascript rồi.
Khi viết bài phải sử dụng dấu ngắt nháy trên thanh công cụ soạn thảo sau 3 dòng mở bài trở lên. Hình ảnh khi chèn nếu là hình lớn để kích thước ban đầu. Nếu muốn chèn nội dụng vào khung thì khi soạn xong bài chuyển qua HTML chèn như sau:
15. Sử dụng Material icons và Font Awesome icons
Material Icons hay Google icons có thiết kế đẹp hơn của Font Awesome tuy nhiên về số lượng biểu tượng lại ít hơn Font Awesome cho nên bạn có thể sử dụng đồng thời cả hai theo sở thích của mình. Để thay Material icons truy cập liên kết http://ift.tt/1xrHiOS hoặc http://ift.tt/2eNdv6o còn thay Font Awesome icons truy cập http://ift.tt/16bVd5y. Bạn có thể thêm icons trực tiếp trong template hoặc trong bài viết. Lưu ý trong template đã chèn sẵn link thư viện icons của cả hai rồi cho nên bạn không phải thêm nữa.
16. Sử dụng biểu tượng cảm xúc trong nhận xét
Nếu bạn muốn chèn biểu tượng cảm xúc khác ngoài những biểu tượng đã có thì truy cập liên kết https://emoji.codes copy shortcode vào khung nhận xét.