Thứ Ba, ngày 26 tháng 7 năm 2016

Chia sẻ miễn phí full code Sense Blogger Template

Sau khi chia sẻ template này cho những người bạn được anh em đón nhận nhiệt tình nên hôm nay mình quyết định viết bài này để chia sẻ rộng rãi đến tất cả những ai đang dùng blog. Bài này cũng hướng dẫn chỉnh sửa lại một vài chỗ nếu mọi người cảm thấy cần thiết


Template này gốc có tên Sense Blogger Template do Sora Templales thiết kế, các bạn có thể xem demo gốc của template bên dưới


Tính năng chính của template
  • Responsive
  • Giao diện SEO thân thiện
  • Phần chân gồm 3 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ỗ 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
Template đã chỉnh sửa lại ở những điểm sau đây:

1. Rút gọn kích thước xuống phần outer-wrapper xuống còn max-width:1130px
2. Thay đổi kích thước ảnh bài viết ngoài trang chủ từ hình vuông sang hình chữ nhật
3. Thay đổi đường dẫn và thêm ảnh tác giả vào tiêu đề bài đăng


4. Thêm nút like và chia sẻ mạng xã hội cùng với thẻ Tags vào cuối mỗi bài viết


5. Xóa phần giới thiệu tác giả ở cuối bài viết
6. Giao diện đã Việt hóa hoàn toàn
7. Đã ẩn phần bản quyền theme
8. Thêm code dẫn nguồn bài viết khi ai đó copy bài viết của bạn


Hướng dẫn chỉnh sửa lại sau khi thay template

- Để thay dòng tiêu đề trên thanh địa chỉ tìm dòng này


-  Thay ảnh header tìm dòng này và thay link ảnh có kích thước 1130x140 px hoặc  nếu không thêm ảnh có thể thay bằng mã màu ví dụ như thay thành background: #0078d7; chẳng hạn.


- Thêm lại giới thiệu tác giả như hình dưới


các bạn tìm đoạn này <b:includable id='authorblog'> và thêm đoạn code ngay sau nó

<div id='author-box'>
                        <div class='block-head'>
                          <h3>
                           
                            <data:post.author/>
                          </h3>
                          <div class='stripe-line'/>
                        </div>
                        <div class='post-listing'>
                          <div class='author-avatar'>
                            <script src='/feeds/posts/default?alt=json-in-script&amp;callback=authorshow'/>
                          </div>
                          <div class='author-description'>
                            Đam mê viết lách, thích nghiên cứu tìm tòi cái mới để chia sẻ cho người khác. Tuấn rất vui khi các bạn ghé thăm Blog, nếu bạn có thắc mắc vui lòng để lại nhận xét bên dưới.
                          </div>
                          <div class='clear'/>
                        </div>
                      </div>
                      <!--/entry author-->

Thay dòng chữ màu đỏ băng phần mô tả của bạn


- Các phần link menu hay giới thiệu, liên hệ, nút mạng xã hội... các bạn tìm và thay thế link của blog mình

Một số hình ảnh với giao diện Mobile




Các bạn nếu thích template mà Tuấn giới thiệu thì để lại email bên dưới hoặc inbox trực tiếp trên Facebook để nhận template

Hi vọng với template này sẽ mang lại 1 trải nghiệm mới cho bạn.