Blogger Template | Matapat

Matapat 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.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.

Other blogger templates you need to check for sure are Simple Is Best and Business time.

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

Matapat Template Installation

• Home-About-Contact-Page

Find below codes:-


<ul>
<li class='item-1'><a href='/'>Home <span class='no-display'>- Start Here</span></a></li>
<li class='item-2'><a href='/about/'>About <span class='no-display'>- Learn More</span></a></li>
<li class='item-3'><a href='/contact/'>Contact <span class='no-display'>- Get in Touch</span></a></li>
</ul>



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



• 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.