Share Sevida responsive magazine blogger template - mẫu đẳng cấp

Thêm 1 mẫu thiết kế nữa được itviet360 chia sẻ với bạn dùng blogspot đó là mẫu thiết kế toàn diện Sevida responsive magazine blogger template. Rất nhiều ưu điểm đối với template này và itviet360.com sẽ dưới thiệu ngay dưới đây

Share Sevida responsive magazine blogger template - mẫu đẳng cấp

Sevida responsive magazine blogger template là 1 mẫu thiết kế chuyên nghiệp dành cho dạng site tin tức, tạp chí phân nhiều chuyên mục...Với những ưu điểm sau:

Responsive Design
Auto Featured Post from JSON (Slideshow) *
Manual Featured Post Work with Image Widget(Slideshow) New
Support Advance Editor
Lightweight Auto read-more support third party image and youtube (option make it slideshow) New
Ajax load more post
Ajax Page Navigation New *
Cool blogger threaded comment (Support Google+ Comment)
JSON Search Result *
Lightweight Summary (option make it slideshow)
Two View Mode (List and Grid) width Cookies
Recent Comment Widget *
News Ticker Widget *
Related Post Widget *
Recent Post by Labels (3 Post Type (Slider, Vertical, Horizontal) support Random) New *
Optimize SEO
Archive Page *
Emoticon
Dropdown Menu
Top Social Icon
Custom Error 404 Page
Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
Professional admin layout, help you easy work with blog layout.

DEMO

Download mẫu: TẠI ĐÂY
- Hướng dẫn cài đặt:
Trong mẫu thiết kế đã có tất cả File hướng dẫn và những gì bạn muốn backup nó là của mình. :) chỉ cần làm theo hướng dẫn thôi nhé.
Chúc các bạn vui vẻ !
Cập nhật yêu cầu hướng dẫn cài đặt
Hầu hết các bạn đều gặp khó khăn ở bước thêm tiện ích và dán code để hiển thị theo ý muốn của trang chủ (lúc đầu mình cũng bị) tuy nhiên chỉ 1 ý hiểu dưới đây các bạn sẽ giải quyết được vấn đề này.
Lỗi: Do gán ID không trùng nhau.
Xử lý:

Trong đó:
- Chỗ phần gạch chân đen được chỉ 2 mũi tên phải trùng nhau (đây được gọi là ID, bạn có thể thay đổi tên của nó nhưng phải trùng nhau)
Ví dụ ở phần đó mình muốn hiển thị Label: thu-thuat-blogger thì có như sau

<div id="IDthuthuat"></div>
<script type='text/javascript'>
jQuery("#IDthuthuat").RecentPostbyTag({
MaxPost:9,
ImageSize:"s180-p",
postType:"s",
tagName:"thu-thuat-blogger"
});
</script>

Tương tự ở những phần hiển thị khác, các bạn cũng làm tương tự nhé.
Update đối với Slide chạy ảnh theo yêu cầu comment của bạn bên dưới
Bạn chỉ cần thêm 1 tiện ích ở vị trí dưới đây

và dán code dưới đây vào:

<div id="featpost"></div>
<script type='text/javascript'>
jQuery("#featpost").AutofeaturedPost({
MaxPost:5
});
</script>

- Code này cũng đã có sẵn trong hướng dẫn cài đặt Chuyên mục: template-blogspot, Thu thuat blogspot, thu-thuat, thu-thuat-blogger