Teduh responsive blogger template

Chào bạn!
Hôm nay, Khánh xin chia sẻ với bạn một template mà mình cho là có chất lượng. Với những đặc tính vượt trội, cập nhật, rất phù hợp cho SEO.

Một số tính năng của template này:

Tối ưu hóa SEO
Tương thích với nhiều thiết bị - Responsive: ⇒ Kiểm tra
Valid HTML 5: ⇒ Kiểm tra
Valid HTML 5 trong bài viết: ⇒ Kiểm tra
Khung chứa code riêng biệt cho từng loại: ⇒ Xem thử
Có thể đặt khung chứa code trong comment
Comment gần đây ẩn hiện ở đầu trang
Và nhiều tính năng chờ bạn khám phá....

Hướng dẫn cài đặt template

1. Chỉnh sửa các menu

Trong template có 2 menu và danh sách các mạng xã hội của bạn. Đối với menu thì bạn dễ dàng chỉnh sửa rồi, chỉ cần vào template tìm nội dung trong menu và thay đổi nó và các liên kết. Riêng danh sách mạng xã hội - Social Media bạn thay đổi đoạn code sau

<ul class='icon-social' id='icon-social'>

    <li><a class='social-tooltip' href='#' target='_blank' title='Become a fan'><i class='icon twitter-icon'/></a></li>

 <li><a class='social-tooltip' href='#' target='_blank' title='Become a fan'><i class='icon facebook-icon'/></a></li>

 <li><a class='social-tooltip' href='#' target='_blank' title='Become a fan'><i class='icon gpluss-icon'/></a></li>

 <li><a class='social-tooltip' href='#' target='_blank' title='Become a fan'><i class='icon rss-icon'/></a></li>

  </ul>

2. Hiển thị nút thích comment độc đáo

Ở góc bên trên comment có một nút thích để người đọc có thể thể hiện cảm xúc của mình khá hay với template này. Để cài đặt nút thích này bạn vào phần Bố cục chọn Chỉnh sửa bài đăng trên Blog sau đó sửa mục Phản ứng thành dấu "-"

Thêm khung chứa code trong bài viết

Để thêm khung chứa code vào bài viết bạn sử dụng đoạn code sau:

Để thêm khung JavaScript:

<pre class="numbered" data-codetype="JavaScript"><code>

Nội dung code đã mã hóa


</code></pre>

Để thêm khung CSS:

<pre class="numbered" data-codetype="CSS"><code>


Nội dung code đã mã hóa

</code></pre>

Để thêm khung HTML:

<pre class="numbered" data-codetype="HTML"><code>

Nội dung code đã mã hóa

</code></pre>

Để thêm khung JQuery:

<pre class="numbered" data-codetype="JQuery"><code>

Nội dung code đã mã hóa

</code></pre>

Để thêm khung XML:

<pre class="numbered" data-codetype="XML"><code>

Nội dung code đã mã hóa

</code></pre>

Để thêm khung JQuery Ui:

<pre class="numbered" data-codetype="JQuery Ui"><code>

Nội dung code đã mã hóa

</code></pre>

Bạn nên chú ý để mã hóa code rất đơn giản là chúng ta dán code vào khung "Viết" khi viết bài trên blog rồi chuyển sang "HTML" Code sẽ được chuyển đổi. Bạn cũng có thể sử dụng khung chuyển đổi code của mình ở trang này phần phía dưới: Kiểm tra code.

Ngoài ra có một vài chú ý mình có viết ở trang demo. Bạn nên xem ở trang này để cài đặt cho blog mình thêm hoàn thiện. Chúc bạn tìm được template ưng ý!

Tác giả: Khánh

Một Blogger nghiệp dư thích tìm hiểu về blogspot và các thủ thuật blog. Hy vọng từ cái nhìn của một người không chuyên có thể giúp bạn dễ dàng hơn trong con đường xây dựng Blog.