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
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ý:
Settings Sevida templates
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: , , ,

8 comments:

  1. báo ơi hướng dẫn e cái đặt với

    ReplyDelete
    Replies
    1. Trong đó có File. Hầu hết các bạn khi thêm Widget đều không để ý đến cái thuộc. Ở đó có ghi rõ là thay thuộc tính đồng loạt nếu thêm Widget nhé.
      - Mình sẽ cập nhật ví dụ thêm 1 thuộc tính. Tối nay trể quá để sáng mai nhé

      Delete
  2. bác hướng dẫn e cài slideshow với

    ReplyDelete
    Replies
    1. Mình đã cập nhật bài viết rồi bạn nhé :)

      Delete
  3. anh có thể tích hợp toàn bộ wiget và slide vào template dc không ?

    ReplyDelete
    Replies
    1. Hướng dẫn khá chi tiết và File tải về có hướng dẫn nữa bạn nhé

      Delete
  4. Link download đâu rồi anh ơi?

    ReplyDelete