post img { max-width:538px; // chiều rộng tối đa max-height:468px; //chiều cao tối đa padding:4px; border:1px solid $bordercolor; }

9.09.2014

Template đẹp cho bloger

Giới thiệu một số chức năng trong template

Tổng quan template Simple is Perfect:


  • Giao diện Responsive cho các thiết bị.
  • Ngày tháng trên đầu blog.
  • Menu dropdow.
  • Menu tự động cho trang tĩnh.
  • Ticker tin hot, nổi bật bên dưới menu.
  • Phần dành riêng cho quảng cáo dễ dàng tùy biến bằng Widget theo đúng chuẩn 468x60.
  • Page Nav.


Phần bài viết của template
  • Bộ nút like và share facebook gọn nhẹ.
  • Phần tin tức liên quan trên đầu bài viết.
Để biết thêm thông tin chi tiết vui lòng "tham quan" thêm blog :D

Cài đặt template Simple is Perfect chuẩn Seo

Vì đây là dạng template thuần blogspot nên các bạn chỉ cần upload lên và sử dụng bình thường, chỉ cần cài đặt 1 vài bước đơn giản.
1. Cài đặt menu cho template
- Vào "chỉnh sửa HTML", tìm đến <div id='smenu'> và sửa lại các nhãn tương ứng.
- Lưu ý: Để hiện thị đúng số bài đăng, giữa nguyên: ?&amp;max-results=9

2. Thêm link cho phần ticker/ tin hot:
- Tìm đến đoạn: <div id='ticker'>
- ...

3. Bước cuối cùng
- Thêm meta keyword và description nếu muốn. Tìm đến đoạn dưới đây và sửa lại:
<meta content='Một sản phẩm của Cuộc sống muôn màu . info' name='description'/>
<meta content='Keyword 1, keyword 2,..' name='keywords'/>
- Vào phần "Cài đặt", "Bài đăng và nhận xét", chọn hiển thị tối đa 9 bài đăng.

À quên, bước cuối cùng, để sử dụng được Responsive của template, các bạn tắt tính năng giao diện điện thoại có sẵn của Blogger đi nhé ;)

Demo: 

Link down: 

Không có nhận xét nào :

Đăng nhận xét