Axorys Blogger Template (Free Version)

responsive blogger template, clean design template, simple design blogger template
It's a long time no update about free Blogger template. The last template is Mainphoto Blogger template and this is 3 years ago. And now, new blogger template from us. It's Axorys.

Axorys Blogger template is a fully responsive template, simple, and clean design. This template perfect for all topics blog.


Features Axorys Blogger template

  • Fully responsive template
  • Support Template Designer for background color and background image. You can change background color or image via Template Designer.
  • Support most browsers user include IE8.
  • Featured slider.
  • Shrink header.
  • Responsive dropdown menu.
  • Responsive video.
  • Clean, neat, and minimalist design.
  • No error Google Snippet. Please check here.
  • Font icon from Font Awesome.
  • Social photo stream from Flickr and Instagram.
  • Widgetable, drag and drop.
  • Related posts with thumbnail for desktop view and related post link for mobile view.
  • 3 column footer
  • Auto crop thumbnail image with proportional size (not streched)
  • Recent post and comment with thumbnail
  • Default thumbnail in summary post, recent post, and related post for a post without image
  • Breadcrumbs ready
  • Share button ready
  • Ads ready
  • and more

Setting Axorys Blogger template

1. Setting Menu Navigation

You can add menu navigation from Layout > Add a gadget. The structure code something like this
<ul class='sf-menu' id='axo-menu'>
  <li><a href="/">Home</a></li>
  <li><a href="#LINK">Menu</a></li>
  <li><a href="#LINK">Model</a></li>
  <li><a href="#LINK">Project</a></li>
  <li><a href="#LINK">Inspirations</a></li>
  <li><a href="#LINK">Portfolios</a>
    <ul>
      <li><a href="#LINK">Art Work</a>
 <ul>
   <li><a href="#LINK">Sketch</a></li>
   <li><a href="#LINK">Poster</a></li>
   <li><a href="#LINK">Animation</a></li>
 </ul>
      </li>
      <li><a href="#LINK">Logo</a></li>
      <li><a href="#LINK">Branding</a></li>
      <li><a href="#LINK">Web Design</a></li>
      <li><a href="#LINK">Social Media</a></li>
    </ul>
  </li>
  <li><a href="#">Sample Posts</a>
    <ul>
      <li><a href="#LINK">Post Format 1</a></li>
      <li><a href="#LINK">Post Format 2</a></li>
      <li><a href="#LINK">Post Format 3</a></li>
      <li><a href="#LINK">Post Format 4</a></li>
    </ul>
  </li>
  <li><a href="#">Last Menu</a>
    <ul class='last'> <!-- LAST_MENU -->
      <li><a href="#LINK">Child Last Menu 1</a></li>
      <li><a href="#LINK">Child Last Menu 2</a>
 <ul class='last'> <!-- LAST_MENU -->
   <li><a href="#LINK">Sub Child Last Menu 2.1</a></li>
   <li><a href="#LINK">Sub Child Last Menu 2.2</a></li>
   <li><a href="#LINK">Sub Child Last Menu 2.2</a></li>
 </ul>
      </li> 
      <li><a href="#LINK">Child Last Menu 3</a></li>
    </ul>
  </li>
</ul>
Note :
  • #LINK : Menu link
  • For last dropdown (but not last single menu), code <ul> must be <ul class='last'>
  • code above for single menu (5 menu) and 1 level dropdown menu (1 menu), and 2 level dropdown menu (2 menu). You can custom as you want

2. Setting Content Slider

You can add content slider from Layout > Add a gadget.

Overall, the structure code something like this :

<div class="axo-slider">
  <div class='slider-item'>
    <img src='IMG_LINK' alt='ALT_IMG'/>
    <div class='slider-content'>
      <h2 class='title'>TITLE SLIDER</h2>
      <p>Short Description here<a href="#LINK">Read more</a></p>
    </div>
  </div>
  <div class='slider-item'>
    <img src='IMG_LINK' alt='ALT_IMG'/>
    <div class='slider-content'>
      <h2 class='title'>TITLE SLIDER</h2>
      <p>Short Description here<a href="LINK_POST_PAGE">Read more</a></p>
    </div>
  </div>  
</div>
Note :
  • IMG_LINK : image link
  • ALT_IMG : image ALT
  • TITLE SLIDER : title slider
  • Short Description here : a short description
  • LINK_POST_PAGE : link to post
  • Basically, we can add a link both image and title. Structure code with a link like this :
    Image
    <a href="#LINK"><img src='IMG_LINK' alt='ALT_IMG'/></a>

    Title
    <h2><a href="#LINK">TITLE SLIDER</a></h2>
  • content slider code above for 2 sliders

For other setting such as : recent posts with thumbnail, recent comments with thumbnail, profile, social media account, gallery instagram and flickr, etc, you can see in documentation (available in download file)

* This template is free license. Please keep and DO NOT edit/remove the credit link. More details click here
** If you share this post in your blog, i would appreciated if the download link redirect to this post

Dont forget to check Axorys Blogger template Premium Version

Images from :
- ArtPX.com
- Pixabay.com

No comments:

Post a Comment