Thứ Ba, 26 tháng 7, 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.

45 nhận xét:
  1. a ơi share e với ạ
    namtuocbongdems2@gmail.com

    Trả lờiXóa
  2. share e với: duyhuynhmeahp@gmail.com thanks a

    Trả lờiXóa
  3. Gửi mình với nhé: lethanhhailang@gmail.com. Tks Ad

    Trả lờiXóa
  4. Bạn gửi cho mình xin với: trungnguyen8808@gmail.com. cảm ơn bạn nhé. Chúc bạn thành công

    Trả lờiXóa
  5. Gửi em với nhé: minhthien22121995@gmail.com

    Trả lờiXóa
  6. Anh oi, cho em xin 1 bản với: quochuy.mkt@gmail.com

    Trả lờiXóa
  7. bạn gửi cho mình với nhé. cảm ơn bạn đã chia sẻ :D
    kienthucyduochay@gmail.com

    Trả lờiXóa
  8. Bác cho em hỏi chút. em chỉnh hết các face, google, twitter trong HTML rồi . Mà sao chỗ Follow em khoanh đen ấy khi kích vào nó vẫn sang trang của bác nhỉ. bác giúp e vs. em mới tập làm. Cảm ơn bác!
    Link ảnh: https://goo.gl/b9OeZL

    Trả lờiXóa
    Trả lời
    1. em đọc bài này
      https://blogthuthuatwin10.blogspot.com/2016/07/them-cac-nut-share-follow-mang-xa-hoi.html
      tạo rồi thì vào template tìm dòng addthis thay bằng mã của em nhé

      Xóa
    2. Rất cảm ơn anh. e đã làm đc rồi. thành quả của em đây https://kienthucyduochoc.blogspot.com/
      Chúc bác sức khỏe!

      Xóa
  9. Anh ơi a share cho em với: email e là: ductieng281091@gmail.com
    e cám ơn a

    Trả lờiXóa
    Trả lời
    1. Em đọc bài viết dưới để thay đoạn script của em tìm trong template từ khóa addthis. A gửi template vào mail rồi đấy.
      https://blogthuthuatwin10.blogspot.com/2016/07/them-cac-nut-share-follow-mang-xa-hoi.html

      Xóa
  10. Anh Tuấn share cho em với nhé! Mail của em là: it.dongoctoan@gmail.com
    Em cảm ơn Anh nhiều

    Trả lờiXóa
    Trả lời
    1. uhm anh gửi mail rồi đấy

      Xóa
    2. em cảm ơn anh nhé! em nhận được rồi ạ.

      Xóa
    3. em làm theo bài này rồi vào template chỉnh sửa html tìm đoạn addthis rồi thay bằng đoạn script của em
      https://blogthuthuatwin10.blogspot.com/2016/07/them-cac-nut-share-follow-mang-xa-hoi.html

      Xóa
  11. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  12. Vâng em đang tìm hiểu ạ.Em thích giao diện blog như của Anh bây giờ ý. Anh share code cho em được không ạ. Em cảm ơn ạ

    Trả lờiXóa
    Trả lời
    1. em nhắn tin cho anh
      https://www.facebook.com/kequaduongvodanh

      Xóa
  13. quocpro10.02.2003@gmail.com
    Thankyou!

    Trả lờiXóa
  14. Gửi cho mình với nhé, cảm ơn bạn !
    mail của mình: nhachay.kh1@gmail.com

    Trả lờiXóa
  15. axing02@gmail.com

    Anh cho em xin code với ạ

    Trả lờiXóa
  16. Ad ơi cho e xin vs ạ
    Gmail: ghostvietnam1999@gmail.com
    Thks ad rất nhìu ạ

    Trả lờiXóa
  17. em nó đây mn: http://adf.ly/1iyDJg

    Trả lờiXóa
  18. nguyentan19589@gmail.com
    cho mình xin với nhé thanks

    Trả lờiXóa
  19. Bạn gửi cho mình nhé: author.nguyendinhtruyen@gmail.com. Chúc bạn thành công!

    Trả lờiXóa
  20. Anh ơi gửi cho em nhé!
    phamngocquang3001@gmail.com

    Trả lờiXóa
  21. anh cho em xin với ạ maivienpro@gmail.com

    Trả lờiXóa
  22. anh cho em xin với
    doantheanh172tb@gmail.com
    cảm ơn a nhiều

    Trả lờiXóa
  23. Anh cho em xin với
    dovankhai97@gmail.com
    cảm ơn a nhiều

    Trả lờiXóa