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.
Dont forget to check Axorys Blogger template premium version
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
0 Comments