Platinum Blogger Template

Một lần nữa Vì Sao AZ giới thiệu theme phong cách mới tạp chí Blogger mẫu có tên là "Platinum". Nó trông rất chuyên nghiệp và chắc chắn phù hợp trên blog của bạn. Platinum Blogger Template có nhiều tính năng được yêu cầu nhiều nhất bởi người dùng Blogger. Thesis Blogger Template cũng là mẫu lớn nhất mà Anup Kayatha đã thực hiện. Tôi đoán bạn sẽ thích nó sau khi xem Demo.

Xem Demo

Thêm chú thích

8663  lần tải

Anup Kayatha chuyển đổi Platinum WordPress chủ đề vào Blogger Template. Ban đầu, Brian Gardner thiết kế nó và Anup Kayatha chuyển đổi nó cho tất cả người dùng Blogger và làm cho nó hoàn toàn miễn phí.

Hãy xem những gì Anup Kayatha đã được thêm vào các tính năng thú vị trên mẫu này:

jQuery Drop Down Menu Bar

Trên đầu trang, nó bao gồm Drop down menu tuyệt vời với những hiệu ứng JQuery.Khi bạn di chuột vào các menu, nó sẽ thả soothly để hướng đi xuống.

JQuery đặc trưng Wiget cuối

Với tiện ích này, bạn có thể hiển thị các bài viết nổi bật nhất của blog của bạn với hình ảnh thu nhỏ hình ảnh và văn bản tóm tắt. Tuy nhiên, đặc trưng Wiget bài chỉ có thể nhìn thấy trên Trang chủ để làm cho nó trông chuyên nghiệp hơn.
tự động Đọc thêm với ảnh

Sau khi bạn đã viết một bài, bạn không cần phải lo lắng về các liên kết Chuyển rằng blogger công bố gần đây . Chỉ cần bạn phải tạo ra một bài một xuất bản nó! Người đọc có thể dễ dàng xem các bài viết của bạn với hình ảnh thu nhỏ hấp dẫn ở phía bên trái và liên kết Ream thêm về phía bên phải.
Navigation

Có một lỗi trên mặc định liên kết máy nhắn tin của Blogger. Vì vậy, Anup Kayatha đã cài đặt Navigation hack cho nó để làm cho nó dễ dàng để chuyển các trang của blog của bạn dễ dàng. Trong thực tế mẫu này có linh hoạt hơn nơi bạn có thể thêm các vật dụng trên bên phải và có widget trên chân.

Tuỳ chỉnh

Bây giờ, chúng ta hãy làm một số tùy biến để phù hợp với nó trên blog của bạn. Top Menu Cấu hình Tìm đoạn mã sau vào mẫu của bạn và thay thế URL (s) của riêng bạn.

<div id='nav'>
<ul class='nav superfish'>
<li class='home'><a class='home-link' expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='page_item page-item-70'><a href='#'>Sample Page</a>
  <ul class='children'>
    <li class='page_item page-item-17'><a href='#'>Sub Page 1.1</a>
      <ul class='children'>
        <li class='page_item page-item-25'><a href='#'>Sub Page 2.1</a>
          <ul class='children'>
            <li class='page_item page-item-31'><a href='#'>Sub Page 3.1</a></li>
            <li class='page_item page-item-33'><a href='#'>Sub Page 3.2</a></li>
          </ul>
        </li>
        <li class='page_item page-item-27'><a href='#'>Sub Page 2.2</a></li>
        <li class='page_item page-item-29'><a href='#'>Sub Page 2.3</a></li>
      </ul>
    </li>
    <li class='page_item page-item-375'><a href='#' title='Page Layouts'>Page Layouts</a>
      <ul class='children'>
        <li class='page_item page-item-377'><a href='#'>Content/Sidebar</a></li>
        <li class='page_item page-item-379'><a href='#'>Sidebar/Content</a></li>
        <li class='page_item page-item-387'><a href='#'>Full Width Content</a></li>
      </ul>
    </li>
    <li class='page_item page-item-62'><a href='#'>Page Templates</a>
      <ul class='children'>
        <li class='page_item page-item-112'><a href='#'>Archive Page</a></li>
        <li class='page_item page-item-227'><a href='#'>Blog Page</a></li>
      </ul>
    </li>
    <li class='page_item page-item-213'><a href='#'>Contact Page</a></li>
    <li class='right rss'><a href='#'>Posts</a><a href='#'>Comments</a></li>
  </ul></div>
</div>
<div id='subnav'>
  <div class='wrap'>
    <ul class='nav superfish'>
      <li class='cat-item cat-item-4'><a href='#'>Category #1</a></li>
      <li class='cat-item cat-item-5'><a href='#'>Category #2</a></li>
    </ul></div></div></div>

Loại bỏ # và đặt URL của bạn. đặc trưng cuối Tới Thiết kế > Trang Element . Bạn sẽ tìm thấy các widget trên đầu có tên là "đặc trưng Post". Chỉnh sửa widget và thay thế tất cả các URL và ảnh của riêng bạn. Lưu ý: Bạn có thể loại bỏ các widget mà nếu nó không phù hợp trên blog của bạn. Logo Để thay đổi biểu tượng của riêng bạn tìm đoạn mã sau vào mẫu của bạn và thay thế các URL hình ảnh với bạn URL biểu tượng,

  <h1 id='title'><a expr:href='data:blog.homepageUrl'><img src='http://4.bp.blogspot.com/_b0xJ7qk6DTc/
THvRqkecH1I/AAAAAAAAA64/EgNa1OjtlQQ/s1600/logo.png'/></a></h1>

Bây giờ, bạn đã sẵn sàng để sử dụng Platinum Blogger Template vào blog của bạn. Nếu bạn có bất kỳ vấn đề liên quan đến mẫu này bạn cứ thông tin phản hồi chúng tôi đánh giá cao ý kiến của bạn. Bạn có thể chia sẻ ý kiến của bạn về viẹc chuyển đổi wordpress Blogger Template. Hy vọng bạn thích mẫu này. Chúng tôi sẽ tạo ra nhiều hơn Blogger Template như thế này. Đăng ký vào blog này để có được mẫu tuyệt vời hơn trực tiếp đến hộp thư của bạn.

                                                                                                        http://www.hacktutors.info/

Read more »

News Flash Blogger Template

Hôm nay Vì Sao AZ trở lại với các mẫu Blogger mới có tên News Flash. Đèn flash Tin tức Blogger Template có 2 cột với các bố trí sạch sẽ và thiết kế chuyên nghiệp. Đèn flash Tin tức Blogger phù hợp với mẫu trên bất kỳ blog. Nó tải nhanh hơn với so với các mẫu web khác. News Flash Blogger mẫu miễn phí cho tất cả người dùng blogger!

Xem Live Demo 



6199 lần tải

Các tính năng chính của
News Flash Blogger Template có tất cả các tính năng mà đã được thực hiện thông qua các Blogger chính thức và nguồn lực Blogger. News Flash Blogger Template được chuyển đổi từ WordPress theme thiết kế bởi WooThemes vào Blogger Template.

thời trang thanh Menu

JQuery Menu Bar

Thứ trên thanh Menu dựa trên JQuery mà là chuyên nghiệp thiết kế và với hiệu ứng chuyển động đặc biệt.

Featured cuối Widget

Đặc trưng cuối Widget

Flash Tin tức Blogger Template chứa phụ tùng bài đặc trưng đó là hoàn toàn khác nhau từ khác.

Readmore Tự động thu nhỏ hình ảnh

Tự động đọc làm cho dễ dàng hơn cho tất cả các bạn khán giả để xem bài của bạn trong bản tóm tắt với hình ảnh có liên quan. Tiếp tục liên kết Đọc chứa ở phía bên trái và các nhãn chứa trên bên phải của bài viết.

Navigation

Thay vì Bài đăng Cũ hơn, mới hơn bài viết liên kết có một chuyển hướng mà làm cho dễ dàng để di chuyển và nhảy trong trang để trang.

3 Widgets Footer

Bạn có thể đặt ba hoặc nhiều hơn các vật dụng trên chân. Vì vậy, bạn có thể có một tiện ích tối đa trên mẫu này.

Cấu hình

phép phù hợp với nó trên blog của bạn! News Flash là rất dễ sử dụng.

trên menu cấu hình
Tìm đoạn mã sau vào mẫu của bạn và thay thế các URL với của riêng bạn:

<ul class='nav1'>
       
<li><a expr:href='data:blog.homepageUrl'><span>Home</span></a></li>

<li><a href='http://www.hacktutors.info/2009/08/contact-me.html'><span>Contact Me</span></a></li>

<li><a href='http://www.hacktutors.info/p/our-in-touched-bloggers.html'><span>Blogs</span></a></li>

<li><a href='http://www.hacktutors.info/2010/08/color-picker-tool-for-web-developer.html'><span>Tools</span></a></li>

<li><a href='http://hacktutors.info/p/link-to-us.html'><span>Link to Us</span></a></li>

<li><a href='http://www.hacktutors.info/p/blog-page.html'><span>Archive</span></a></li>

         </ul>

        

Cấu hình Sub Menu
Tìm đoạn mã sau vào mẫu của bạn và thay thế với của riêng bạn:

<ul id='nav'>
  <li class='cat-item cat-item-3'><a href='#'>Asides</a> </li>
  <li class='cat-item cat-item-4'><a href='#'>Category Three</a> </li>
  <li class='cat-item cat-item-5'><a href='#'>Category Two</a>
    <ul class='children'>
      <li class='cat-item cat-item-11'><a href='#'>Two Point Two</a> </li>
    </ul>
  </li>
  <li class='cat-item cat-item-6'><a href='#'>CatOne</a>
    <ul class='children'>
      <li class='cat-item cat-item-13'><a href='#'>Another SubCat</a> </li>
      <li class='cat-item cat-item-7'><a href='#'>CatOne Sub</a>
        <ul class='children'>
          <li class='cat-item cat-item-9'><a href='#'>Multi level</a> </li>
        </ul>
      </li>
      <li class='cat-item cat-item-10'><a href='#'>Subber</a> </li>
    </ul>
  </li>
  <li class='cat-item cat-item-8'><a href='#'>Featured</a> </li>
  <li class='cat-item cat-item-12'><a href='#'>Video</a> </li>
</ul>

Đặc trưng cuối Widget

Trong mặc định, tính năng tiện ích bài viết có thể không xuất hiện. Để làm cho nó làm việc đi để thiết kế > Trang Element . Nhấp vào Thêm một tiện ích chỉ giữa "Blog" và "Tiêu đề" Wiget như hình dưới đây:

Sau đó nhấp vào HTML / JavaScript và thêm đoạn mã sau vào hộp:

<div class="box">
  <div id="arrows">
   <a id="prev2" href="#">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiayzCO0b9b_U2Al1TzENo7MSROjUQHJuMsaefI6axu5_4exVKejw2Cx8Ezr7dV_VFeCoDrh0cqeKxhSrwEqfLnlxliBC-fGQVsac-hjyvhi9bTTePtUKdzd26c6gSVc1mX8pklBA8ftS2S/s1600/left-bar.gif&quot;" alt="" class="fl" /></a> <a id="next2" href="#">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrVUstJmw-rYzxn3ZJ4VCbPC6VU6YR6Z0bedgn7NZaEMvJChsEgmoLH3wlOUYZ01nYXOZhtPkM8FytGEiXX1-e2Xaqw1RtZFevT1kzWFpBwz8KrV61pYsIjbTZCZXKEuZjGyDTiwuVMmVk/s1600/right-bar.gif" alt="" class="fr" /></a> </div>
  <!--/arrows -->

  <div class="featuredpost">
    <div class="featureditem" >
      <div class="col4">
  
       <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP1Qd2a-h7NRm-NJxs875itbC3BMGOiA95aJ2SOD2f1_GXtunRVKlhSvGfd1iiF0Iz-pahjvZEuAJbHDM0fMljTz8kLtA3SuMLrwXpAa8AuRjt7VHFYzKCxqlFuWeYz3htZnz_b_oQQNPY/s1600/thumb.jpg" /> </div>
  
      <div class="col5">
        <h2><a href="#">Title 1</a></h2>
        <p class="content">Title1's short summary Goes Here</p>
    
        <p class="reading"><a href="#">Continue reading...</a></p>
      </div>
      <!--/col5 -->
  
    </div>
    <div class="featureditem" style='display:none'>
      <div class="col4">
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-xTZDMgc58cxAAS3z9zFtR0pBK4aPzngG4hgWoYakhQPSW9kREjgVUrlZSuAaYvmSFTV_ZFYumceM9eFWvYxuPpkezIJ8OZVl1dUsePEqtYUYPx-MZCVfMHsZMIUoOc0EsQHTi1k2C9Y/s400/Platinum+Blogger+Template.JPG" /> </div>
      <div class="col5">
        <h2><a href="#">Title 2</a></h2>
        <p class="content">Title2's short summary Goes Here</p>
        <p class="reading"><a href="#">Continue reading...</a></p>
        <p></p>
      </div>
      <!--/col5 -->
  
    </div>
    <div class="featureditem" style='display:none'>
      <div class="col4">
  
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYl9JNboxYAp785q5LetFdbhASQryoNvmMIRQEro9wwwqfIQb4nkQOYhYMthS_W_HiXG9WVbSZvggan3ejtmAGacoKpZQbi6nyg5UdMWS8D6GqymLf0u2YYQ9DQC4VHbuw5ILIPbGy4KTu/s1600/thumb2.jpg" /> </div>
      <div class="col5">
        <h2><a href="#">Title 3</a></h2>
        <p class="content">Title1's short summary Goes Here</p>
        <p class="reading"><a  href="#">Continue reading...</a></p>
        <p></p>
      </div>
      <!--/col5 -->
  
    </div>
  </div>
  <!--/featuredpost -->

</div>
<!--/box -->

Bạn có thể đặt bất kỳ kích thước hình ảnh, nó sẽ tự động thay đổi kích thước và phù hợp trên các widget bài tính năng. Đây là những hướng dẫn làm thế nào để tùy chỉnh Wiget bài đặc trưng: 

Có 3 nội dung trong tiện ích này, thay thế mỗi màu Xanh URL  với của riêng bạn. 

Thay thế  # với URL post . 

Thay màu xanh văn bản với tiêu đề của mỗi bài tính năng. và thay thế màu hồng màu văn bản với các bản tóm tắt ngắn của mỗi bài tính năng. 

Cuối cùng, lưu Wiget! 

Bây giờ, bạn đã sẵn sàng để sử dụng flash Tin tức Blogger Template trên blog của bạn. 

Hy vọng bạn thích mẫu này. 

Gợi ý và thông tin phản hồi của bạn được đánh giá cao! 

Hãy hỏi nếu có bất kỳ khó hiểu và các vấn đề. 

Tôi luôn luôn sẵn sàng giúp bạn! 

                                                                                              Theo : http://www.hacktutors.info/

Read more »