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

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:- http://1.bp.blogspot.com/_j82W7u9kZbs/S3cJgLtDjhI/AAAAAAAABMw/ZGQq45qCVvE/s400/site-name.png

    Site-Description:- http://2.bp.blogspot.com/_j82W7u9kZbs/S3cJgUVT_oI/AAAAAAAABM4/9afblDJ2yQA/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=’http://1.bp.blogspot.com/_j82W7u9kZbs/S0tvaDXfqKI/AAAAAAAAA5k/ZrdEi3WisBk/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=’http://4.bp.blogspot.com/_j82W7u9kZbs/S0txWk3Mz1I/AAAAAAAAA50/xt1pJg8hvRo/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=’http://3.bp.blogspot.com/_j82W7u9kZbs/S0tvafTUK2I/AAAAAAAAA5s/AeTED4QTW20/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.

    http://3.bp.blogspot.com/_j82W7u9kZbs/S0R9qtX2bCI/AAAAAAAAAzY/uoR4wVYYCPg/s800/pen.jpg

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

31 Comments

  1. Anup @ Hack Tutors February 20, 2010
  2. Anonymous February 24, 2010
  3. Anshul February 24, 2010
  4. PBC February 25, 2010
  5. Sandro Marcos February 26, 2010
  6. Anshul February 26, 2010
  7. Juan Ortega February 27, 2010
  8. Anshul February 27, 2010
  9. Mia Zoe February 27, 2010
  10. Anshul February 28, 2010
  11. Udar March 1, 2010
  12. Anshul March 2, 2010
  13. Udar March 2, 2010
  14. DJ March 2, 2010
  15. Anshul March 2, 2010
  16. Juan Ortega March 2, 2010
  17. Udar March 4, 2010
  18. kevinwilliedavid March 4, 2010
  19. Anshul March 4, 2010
  20. moey March 15, 2010
  21. kevinwilliedavid March 23, 2010
  22. Anshul March 23, 2010
  23. Amsterdam Boat Guide April 8, 2010
  24. Anshul April 8, 2010
  25. Amsterdam Boat Guide April 9, 2010
  26. Hamano Chiaki April 10, 2010
  27. Hamano Chiaki April 10, 2010
  28. Henk-Jan April 10, 2010
  29. Anshul April 11, 2010
  30. Ado April 25, 2010
  31. Anshul April 27, 2010

Leave a Reply