Chia sẻ miễn phí giao diện blogger template của Blog thủ thuật win 10

Xem
Trong lần chia sẻ miễn phí blogger template ở version 3 này và cũng là cuối cùng, tôi đã thiết kế lại một vài chỗ như đưa thanh tìm kiếm lên đầu cùng với menu, thêm từ khóa tự động vào cuối bài viết, thêm bài viết mới nhất theo nhãn... giúp temlpate có giao diện trông gọn gàng và chuyên nghiệp hơn. Bạn có thể xem demo trực tiếp trong blog.


Đặc điểm chính của template
  • 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 và thiết bị
Hướng dẫn cài đặt

Mở file template bấm tổ hợp phím Ctrl+A sau đó copy rồi truy cập Chủ đề > Chỉnh sửa HTML > bấm Ctrl+A > Ctrl+P > Lưu chủ đề


Tắt giao diện di động


Bài đăng trên blog để 20 bài và thời gian đăng bài để như hình dưới


Nhấn Ctrl+F gõ từ khóa "\f17a" sau đó truy cập trang http://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


Tìm và thay thế từ khóa blogthuthuatwin10


Thay thế Facebook id


Thay từ khóa theo ý bạn trong các dấu ""


Thay BlogThThutWin10 bằng uri của blog bạn


Phần bài đăng gần đây theo nhãn dưới footer chọn chỉnh sửa copy đoạn script dưới vào:

<h2><a href='/search/label/Cài%20đặt?&max-results=20' title='Cài đặt Windows'>Cài đặt</a></h2>
<script src='/feeds/posts/summary/-/Cài%20đặt?alt=json-in-script&amp;callback=rcpost'></script>

Thay Cài%20đặt bằng nhẵn của bạn và 20 thành số muốn hiển thị bài đăng trong một trang.

Phần khung chứa code trong bài viết các bạn muốn chèn đoạn nào trong khung thì soạn bài viết cho xong sau đó chuyển qua khung soạn thảo HTML tìm đến đoạn cần chèn thêm vào đoạn sau:

<div class="codeHeader">
 <a class="copy-text" data-clipboard-target="#p1" href="javascript:void(0);"><i class="fa fa-files-o"></i> Copy</a>
</div>
<pre class="code" id="p1">
    Nội dụng nằm trong khung
</pre>

Ví dụ

<style type="text/css">
.main-wrapper{width:75%;padding-left:12.5%;}
.sidebar-wrapper{display:none;}
.post-title{display:none;}
.post-body {margin:15px;}
.meta-botom{display:none;}
#comments{display:none;}
</style>

Các bạn lưu ý giao diện này chỉ được chia sẻ miển phí cho những bạn nào thật sự sử dụng theme làm video, ai cần có thể liên hệ với mình trên Facebook hoặc để lại lời nhắn dưới phần nhận xét với nội dung như sau:

Tôi cam kết không sử dụng theme này cho mục đích thương mại.
Email: <a href='mailto:địa chỉ email' rel='nofollow'>địa chỉ email</a>

Ví dụ:
Tôi cam kết không sử dụng theme này cho mục đích thương mại.
Email: nguyenanhtuan2401@gmail.com

Phổ biến trong tuần

Tin mới