Blogger Template | Matino

Matino is a free premium like blogger template which all you will be going to like for sure.It is two column template with many inbuild features and ready widgets inside it.Some of the main features are navigational menu links and and three main pages section for your blog a top.Rss widget is ready,twitter and facebook buttons are also build inside it.Main features are slider gallery for your posts and related posts widget installed in it.It also consists of three column footer.Retweet button is also fixed in it.

Similar blogger templates design with different header looks you should check for sure,if you liked this design are Mayumi , Matapat and Maamo

Hacks Supported By Template

• Swap Title Hack For Blogger


• Hidden Navbar Layout


• Blogger Avatars Activated


• Menu Links


• Search Box Ready


• Beautiful Bookmarking icons


• Automatic Read More Hack


• Retweet Button


• Three Column Footer


• Related Posts Widget

Matino Template Installation

• Header Image

With download file you will get two psd files for site-name and site-description,just open it in photoshop and make and edit them to yours name and description and upload it to blogger.Now find for below images links and replace it with yours image you uploaded to blogger.



Site-Name:- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcGARvcMttTnFZIvadDovejGyIkYEIdqtky6OWy4r61LOJn3gGTyyVZq3YgyNtIExYcDk4YK_K0H8bk84DmLlq7BYts8wKfHUCfk3tEFk_wRuiOySgQuJh0OcwmxZm6R1hT4Hmw4GzPVw/s400/site-name.png

Site-Description:- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTw3Eup92bVHAA0Xev5WjliF5RLgO1j68gPXMLfuLRnFdEPH_ILIkArioXKTvGoQnCFUdab_K_pNZ6Qg9EahF9v_67WsHZBu_tkczy27uDXOOsyjkK6youiS0ZEYL_x7RunXuz-eYl2M/s400/site-description.png




• Home-About-Contact Page

Find below codes:-


<ul><li class='current_page_item'><a href='/' title='Home'><span class='l'><span class='r'><span class='c'><span><span>Home</span></span></span></span></span></a></li><li class='page_item page-item-13'><a href='#' title='About'><span class='l'><span class='r'><span class='c'><span><span>About</span></span></span></span></span></a></li><li class='page_item page-item-18'><a href='#' title='Contact'><span class='l'><span class='r'><span class='c'><span><span>Contact</span></span></span></span></span></a></li></ul>



Just replace the # in href='#' with your links in the above codes.


• Menu Links

Just you will see linklist widget in your blogger Layout > Page elements and just hit edit button of it and add your links you want to add and remember not to give any title to that widget,i.e keep the title blank for linklist widget for proper display.


• Featured Slider


Find the below codes.



<!--Slider Codes-->

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='padd-featsubs'>
<div class='top'/>
<div id='padd-featured'>

<div id='padd-featured-wrapper'>
<h2><span>Featured Posts</span></h2>
<div class='interior'>

<div id='s3slider'>
<ul id='s3sliderContent'>

<li class='s3sliderImage' id='featured-1'>
<a href='YOUR-URL-HERE'><img alt='' height='283' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBKP6maN2tyekg8CEYxG087eAWHvEngUo2RTXs_0Z_RrTQDQ0mf1Cs039ppjcsbwWDUb3pfilvoIA9ews5R5g9yNRJ79eOwib2mtZbXwur-mXYpli0dTsOSaqV0X1IfeMLjB2QGmy_pgw/s1600/logo+blog+navidades.jpg' width='660'/></a>
<span class='right'><strong><a href='YOUR-URL-HERE'>POST TITLE</a></strong><br/><p>POST DESCRIPTION</p></span>
</li>

<li class='s3sliderImage' id='featured-1'>
<a href='YOUR-URL-HERE'><img alt='' height='283' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPOfx5Es_PsmN4kL-vY09MXkwCE39RZ2CMnyALohSqWRNmc2dL5IZrvbXw93ziw9WPzQIRb0rEHt3mKr39Vef_w1lP2SnIa7aP206lnMuYLTUUCeLmovp6-ArGw9GYERPdNnY3Z_EBTyQ/s1600/anakin_padawan_crop.jpg' width='660'/></a>
<span class='right'><strong><a href='YOUR-URL-HERE'>POST TITLE</a></strong><br/><p>POST DESCRIPTION</p></span>
</li>

<li class='s3sliderImage' id='featured-1'>
<a href='YOUR-URL-HERE'><img alt='' height='283' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxFJ-f6MtzEVwTu2v9xDZiUVNm8-7eSNG5JMwdywZ4jgqyP_UFhOXAwTbHG9VVnVQ7ez6hy-RYpx5sXCqSLhM_01sgJVLxVVgDdY-3N2IbQgs-0nQSK8GLzse2AOkxf9KKt4bUohi-vU8/s1600/The+Black+Hole.jpg' width='660'/></a>
<span class='right'><strong><a href='YOUR-URL-HERE'>POST TITLE</a></strong><br/><p>POST DESCRIPTION</p></span>
</li>

<div class='clear s3sliderImage'/>
</ul>

</div>
</div>
</div>
</div>

<!--End Slider Codes-->



Just replace all red content above as written and also the image link.And keep editing all as below.


• Rss-Facebook-Twitter Buttons


Just find below codes.

Note:- You will find these codes twice one for sidebar and one for homepage.So have to edit them twice.



<ul>
<li class='rss'><span><a href='/feeds/posts/default' title='RSS Feed'>Subscribe via RSS</a></span></li>
<li class='email'><span><a href='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-URI-HERE' title='RSS Email'>Subscribe via Email</a></span></li>
<li class='twitter'><span><a class='icon-twitter' href='http://www.twitter.com/YOUR-URL-HERE'>Follow my Tweets</a></span></li>
<li class='facebook'><span><a class='icon-facebook' href='http://www.facebook.com/YOUR-URL-HERE'>Be my Facebook Fan</a></span></li>
</ul>



Just edit the red content with your urls.


• Thumbnails For Posts Without Image

Just find below image link and replace it with yours if want any other image.



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif079LPyfBA6608zBJsKsrJlZWsE2NglXEWkzv9LxVacj6gwsQ0-xtr3CRh5Bxis09Q4yYOqZD7-dL-qbHQggsffn9lofG0JJJeDwyRbzuyKDJlrGhXTLrzmy2y8tWrFSAzkClRC8dH4zE/s800/pen.jpg

I hope you will like this template for sure.If any problems leave the comment below.