[Template] Simplex Newspaper II

Xin chào, mình giới thiệu đến các bạn một mẫu blogger giao diện theo phong cách báo chí của SimplexDesgin.

Mô tả: Mẫu giao diện dành cho blogspot về lĩnh vưc thông tin.
Phù hợp với:
Tác giả: SimplexDesign
Demo ảnh: Demo online:

Code:

http://simplexnewsadvance.blogspot.com/

Download:

Code:

http://www.mediafire.com/?qh8upxohyqgxu0n

Ưu điểm:
- Mẫu chia 4 cột chính
- Truy xuất bài viết qua label, trình bày bài viết ở 5 dạng chính
- Slide menu, contact, hiển thị ngày
-Ảnh người bình luận
-Xem bài viết cùng với top post and top comment + gallery

Nhược điểm:
- Dùng nhiều file JS để truy xuất label nên blog khá nặng
- Widget đọc label tích hợp trong template, không hiện ngoài phần chỉnh sữa wwidget như thông thường.


Hướng dẫn sử dụng:

1. Để thay đổi logo và banner:
Tìm đoạn code này:

Code:

<div id="sitename">
                <a class="name" expr:href='data:blog.homepageUrl'>
                      <span id="name1stRow">SIMPLEX</span>
                    <span id="name2ndRow">NEWSPAPER II</span>
                </a>
            </div>

Và thay đoạn:

Code:

<span id="name1stRow">SIMPLEX</span>
                    <span id="name2ndRow">NEWSPAPER II</span>

thành logo của bạn
2. Thay đôi thuộc tính liên lạc trên header:
Tìm đoạn code sau:

Code:

 <ul>
                        <li><a href="" class="gab_rss">Latest Posts in RSS</a></li>
                        <li><a title="" rel="nofollow" href="" class="gab_rss">Latest Comments in RSS</a></li>
                        <li><a title="" rel="nofollow" href="" class="gab_email">Subscribe by e-mail</a></li>       
                        <li><a title="" rel="nofollow" href="http://www.twitter.com/dinhquanghuy" class="gab_twitter">Follow us on Twitter</a></li>   
                        <li><a title="" rel="nofollow" href="http://www.facebook.com/contact.dinhquanghuy" class="gab_facebook">Connect on Facebook</a></li>               
                    </ul>

Và thay thành link của riêng bạn.
3. Để hiện những bài viết ở trang chủ:
Mẫu này đặc biệt vì nó không hiện các widget cụ thể trong trang chỉnh sữa bố cục mà lại tích hợp sẵn trong mẫu, bạn vui lòng tìm đoạn coe này:

Code:

label1 = "finance";
Title1 = "FINANCE";

label2 = "travel";
Title2 = "TRAVEL";

label3 = "breakingnews";
Title3 = "BREAKING NEWS";

label4 = "technology";
Title4 = "TECHNOLOGY";

label5 = "business";
Title5 = "BUSINESS";

label6 = "africa";
Title6 = "AFRICA";

label7 = "asia";
Title7 = "ASIA";

label8 = "americas";
Title8 = "AMERICAS";

label9 = "europe";
Title9 = "EUROPE";

label10 = "racing";
Title10 = "RACING";

label11 = "football";
Title11 = "FOOTBALL";

label12 = "basketball";
Title12 = "BASKETBALL";

label13 = "swimming";
Title13 = "SWIMMING";

label14 = "gallery";
Title14 = "GALLERY";

label15 = "feature";
Title15 = "FEATURE";

Và bắt đầu thay bằng tên label(nhãn) của bạn theo mô hình dưới đây:


ví dụ:
Ở đoạn code trên, label 1 (có vị trí như trong hình trên) có tên nhãn trong template là travel và hiển thị ngoài trang chủ với tên là TRAVEL:

Code:

abel1 = "finance";
Title1 = "FINANCE";

Bạn hãy thay tên nhãn và tên hiển thị mà bạn muốn. lưu ý: tên nhãn phải tuân thủ đúng quy cách đọc của trìng duyệt web, bạn có thể tìm chính xác tên nhãn qua widget label, nó có cấu trúc:

Code:

http://yourblog.blogspot.com/search/label/your-category

trong đó your-category là tên nhãn bạn cần tìm.

4.Để thêm quảng cáo, hãy nhấp vào liên kết chỉnh sửa trong rightcolbanner, upperads, mainpageads và dán mã HTML quảng cáo của bạn.

Bổ sung các file js:
Vì bất cú lí do gì các file js ở mẫu của bạn không sử dụng được, vui lòng thay:

Code:

<script src="http://dinhquanghuy.110mb.com/template/jCarouselLite.js" type="text/javascript"></script>
  <script src="http://dinhquanghuy.110mb.com/template/jqueryslidemenu.js" type="text/javascript"></script>
 <script src="http://dinhquanghuy.110mb.com/template/contentslider.js"></script>

bằng :

Code:

<script src="http://simplexportfolio.googlecode.com/files/jCarouselLite.js" type="text/javascript"></script>
  <script src="http://simplexportfolio.googlecode.com/files/jqueryslidemenu.js" type="text/javascript"></script>
 <script src="http://simplexportfolio.googlecode.com/files/contentslider.js" type="text/javascript"></script>

Nguồn:

Code:

http://simplexdesign.blogspot.com

Tác giả bài viết: mr winni