Chia sẻ BloggerPlus template

Friday, December 04, 2009
BloggerPlus
Mình chuyển sang sử dụng template này cũng được gần nửa năm rồi. Sau một vài lần thay đổi thì đây là giao diện ứng ý nhất với mình cho tới thời điểm này. Hôm nay, mình muốn chia sẻ template này với mong muốn sẽ giúp ích cho các bạn mới xây dựng blog và thích giao diện này có điều kiện sử dụng mà không phải chỉnh sửa nhiều.

Trước hết xin lưu ý là phải sao lưu template cũ của bạn và ghi nhớ các thiết lập trước khi sử dụng template mới vì có thể bạn sẽ bị mất các widget (đây là điều dễ gặp phải khi thay template mới có kết cấu không giống với cái cũ).

BloggerPlus template

Mình cũng xin được nhắc bạn ngay từ đầu là khi sử dụng template này bạn sẽ không có ngay được các thành phần giống như trên blog của mình vì nó còn liên quan tới khá nhiều code HTML riêng lẻ mà mình thêm vào. Bạn có thể xem mục "Blog tips" trên BloggerPlus để biết cách tạo thêm các widget và tùy chỉnh template cho phù hợp.

Những tính năng sẵn có khi bạn sử dụng BloggerPlus template:
  • Tiện ích "Xem chi tiết" (Read more). Tất nhiên bạn cũng có thể sử dụng tính năng sẵn có của Blogger.
  • Widget "Bài viết mới nhất", "Nhận xét mới nhất".
  • Widget "Bài viết cùng chủ đề" hiển thị dưới dạng thumbnail.
  • Khi comment bằng tài khoản blogger của bạn, màu chữ sẽ phân biệt với màu chữ trong comment của Guest.
  • Tạo image caption
  • ...
Một vài điểm bạn điều chỉnh cho phù hợp:
Phần Edit HTML:
(sử dụng ctr+F để tìm tới đoạn code cần chỉnh sửa)
  • Đặt tiêu đề cho blog:
    <title>Your title</title>
  • Thêm nội dung vào các thẻ meta: (Đây chỉ là ví dụ, các bạn có thể thêm nhiều thẻ meta khác).
    <meta content='...' name='Description'/>
    Mô tả blog (Cái này sẽ xuất hiện trong kết quả tìm kiếm của Google).
    <meta content='...' name='keywords'/>
    Từ khóa đặc trưng cho blog.
  • #header-wrapper {
    thay background image bằng banner của bạn.
  • Thay favicon mặc định của blogger bằng cái riêng của bạn
    <link href=''http://i306.photobucket.com/albums/nn272/Talkvietnam/blogger-1.gif' rel='shortcut icon' type='image/gif'/>
  • Chọn Expand Widget template, tìm tới
    <b:include data='post' name='comments'/>
    để thay phần nội dung hiển thị trên comment form.
Phần Layout:
  • Thay các đường link của bạn để tạo menu ngang trong phần HTML ở trên Header
  • Chỉnh sửa phần Footer (nhớ giữ link của BloggerPlus nhé)
  • Bài viết mới nhất:
    Thêm đoạn code sau vào vị trí nào đó trên sidebar mà bạn muốn:
    <script>
    var numposts = 8;
    var showpostdate = false;
    var showpostsummary = false;
    var numchars = 100;
    </script>
    <script src="http://www.bloggerplus.net/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
  • Nhận xét mới nhất:
    <script language="javascript">
    var numcomments = 6;
    var numchars = 86;
    </script>
    <script src="http://www.bloggerplus.net/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
  • Nhớ thay Feed URL bằng feed của bạn. Việc thêm các widget chắc bạn đã biết. Chỉ cần chọn add HTML và paste các đoạn code trên vào. Bạn có thể thay đổi số bài viết, nhận xét và số lượng ký tự cho phép hiển thị ở trong đoạn code trên.
Đăng bài:
Để có mục "Xem chi tiết" khi đăng bài: bạn thêm đoạn code sau vào bài viết:
Phần đầu bài viết
<span id="fullpost">
Phần bị ẩn (người đọc phải bấm chuột vào "Xem chi tiết" hay tiêu đề bài viết thì mới xem được)
</span>
Trên đây mình đã nêu những ý cơ bản để bạn có thể sử dụng template này. Việc còn lại là tùy thuộc vào những tùy chỉnh của bạn sao cho phù hợp.

Nếu có thắc mắc về cách sử dụng hoặc có những lỗi xảy ra khi dùng template này các bạn hãy để lại nhận xét ở cuối bài viết. Mình sẽ cố gắng đưa ra cách giải quyết hoặc cung cấp các hướng dẫn trong phạm vi có thể.

Điều cuối cùng là đề nghị các bạn khi sử dụng hãy giữ nguyên link tới BloggerPlus ở phần footer nhé. Đó chính là sự tôn trọng của các bạn dành cho tác giả.
Mình đã kiểm tra và thấy rằng khá nhiều bạn sau khi download về sử dụng đã xóa ngay phần thông tin về nguồn gốc của template :(.

Chúc các bạn thành công.
Bạn có thể cập nhật bài viết mới từ Blogger+ một cách nhanh nhất bằng cách:

Đăng ký nhận tin RSS;

Đăng ký nhận bài viết mới qua Email.


Copyright 2008 - 2019 - BloggerPlus.net. All rights reserved.
Ghi rõ nguồn khi phát hành lại thông tin từ trang này.
Designed by Pavel. Powered by Blogger
Based on CSS by Ourblogtemplates