Monday, December 21, 2009

Blogger Template | Maalaga

Maalaga is a 2 column template, with an beautiful menu links.Template is loaded with Social Bookmarks button at the top and gifted with very high quality images.It looks like an premium one with many more features like to have show your featured post too at top of post conent and with lots of advertisement option at the top of post and in the sidebar too.Search box is also installed in sidebar.Just what you have to do is small customization in menu links and change header image with yours and description.

If you want more better templates then check for sure Irresistible and Bueno as both are premium templates given of free from woothemes.







Features Of Maalaga Blogger Template



  • Fixed Width Template

  • Two Column Blogger Template

  • Right Sidebar

  • Rss Button Ready

  • Twitter Ready Widget

  • Compatible With Mozilla, Chrome and IE7

  • Top Menu Links

  • Beautiful Comment System

  • 125 x 125 adds Widget

  • Have Featured Post

  • Search Box Ready



Hacks Supported By Template




Maalaga Template Installation



  • Header Image And Description


  • Just find below codes and change the image link with your header and description with your blogs description.


    Find :-

    div#sitename h1 { background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvI7h2KrYpwK6nXw4TUJmizJOKPL7e85O4IJDHKzoebArpiHgT_vvtxFXuvUS-1_dQbsLsIOqdMAnPiHOpMV3b_cA0GpFFp55EefJjLO10Xs9Gwg5RkdJgS1J1Ygiz98zRzKibuDmbzAYe/s1600/sitename.png') top no-repeat; }

    Change the background image with yours.

    Find :-

    <div id='sitename'>
    <h1><a href='/'>Maalaga Blogger Template</a></h1>
    <p>Just another Blogger Template</p>
    </div>

    Change the title and description with yours.






  • Top Menu Links


  • Just find the below codes and edit the links and text in it.


    <div id='navmenu'>
    <div id='navmenu-wrapper'>
    <ul>
    <li class='current_page_item'><a href='/'><span><span>Home</span></span></a></li>
    <li class='page_item page-item-13'><span><a href='#' title='About'><span><span>About</span></span></a></span></li>
    <li class='page_item page-item-18'><span><a href='#' title='Child Page'><span><span>Child Page</span></span></a></span></li>
    </ul>
    </div>
    </div>


    Replace # with links and bold ones with linking text.

  • Second Menu Links


  • <div id='category-wrapper'>
    <div id='category'>
    <ul>
    <li class='cat-item cat-item-3'><span><a href='#' title='View all posts filed under Entertainment'>Entertainment</a></span></li>
    <li class='cat-item cat-item-4'><span><a href='#' title='View all posts filed under Featured'>Featured</a></span></li>
    <li class='cat-item cat-item-5'><span><a href='#' title='View all posts filed under Internet'>Internet</a></span></li>
    <li class='cat-item cat-item-6'><span><a href='#' title='View all posts filed under Music'>Music</a></span></li>
    <li class='cat-item cat-item-7'><span><a href='#' title='View all posts filed under Travel'>Travel</a></span></li>
    <li class='cat-item cat-item-8'><span><a href='#' title='View all posts filed under WordPress'>WordPress</a></span></li>
    </ul>
    </div>
    </div>


    Just find below codes and edit the links to your and also the linking text all in red.



  • Featured Post


  • Find the following codes :-


    <div id='featured'>
    <div id='featured-wrapper'>
    <div class='interior'>
    <h2><a href='#' rel='bookmark' title='Permanent Link to Beautiful House'>Featured Post</a></h2>
    <img alt='' class='header' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikBJH1pqWAKsj4cdJZRgRZj6O1Vk_vzHpQLRRe67jAzbvaJoWsQg3B-vsxwKWaU3U0E0ZPfR5dtKgI6r5czle4QX8xKJOdIXhdN1Nst2Go5u8mSfF0kzl7dhNynH_0T7ki0QidBIFybeME/s800/new_tive.jpg&amp;w=562&amp;h=191&amp;zc=1'/>
    <p>Thank you for sharing 2008 with us. May we have another great new year ahead. Abundant blessings &amp;...<a href='#'/></p>
    </div>
    </div>
    </div>


    Just replace bold text with post title and red link with image link and text in italics with post summary and # with post link.

  • Social Bookmarking Icons


  • Just find below codes and change all the username links written in italics to yours.


    <div id='socialbookmark'>
    <div id='socialbookmark-wrapper'>
    <ul>
    <li>
    <a href='/feeds/posts/default'>
    <img alt='RSS Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3L-evICzKMrtU8rFARD8G28nP-GByTsiGGr8nJ4jhlJktBCuc4dmH19341XNg0nqjqExrcCEelCogq3dYw5YEjsHLpLKAP5NhjytTGQp5m_wAcdKQbdddjjDY9JmdE8VazxqEaoYRCgw/s400/icon-rss.png'/></a></li>
    <li><a href='http://www.facebook.com/anshuldudeja'><img alt='Facebook Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMHpV38EF5B3HsW5BXlfHurvIsV0Bvuy-HPt64_z2y76PUb6w_ydmQXvqMbGFIPkEhSVj1-BUzDbz1Q-hu1ZTcbDIx8lVYg8F8cbMh0A2yx-PNPJY5WVeTTnzf-v0-CIdESaeNgGl2Dd_g/s400/icon-fb.png'/></a></li>
    <li><a href='http://www.twitter.com/anshuldudeja'><img alt='Twitter Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI6s_AyoG1LnMiZdal9IebKnM7al0fjHjLBb4QKTHPjyk6y2yPDhtFzoeKxzBr7swdToZlyjbIJUO6NDLXQ5CbTh2YULP7_KHUppaL-mGIPBh__hv8vcHAhzMAXwLQzZezco9QAWOVEDUB/s400/icon-twit.png'/></a></li>
    <li><a href='http://anshul555.stumbleupon.com/'><img alt='StumbleUpon Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7SjlRkIrDQzy56VZerdVEDfI8K3xRMY4mWgBcu97axu3-LTvA5xTuf216eSc6FBvv0Tq_y7S2ybKrhSDMzLT15_mx0or_Gxd8WINFOW5gXC8ua3Sj11x0pTaP5AvS5IJX3ZsozI-mUgvo/s400/icon-su.png'/></a></li>
    <li><a href='http://www.delicious.com/anshul555'><img alt='Delicious Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZgKyaMtxUgLFaSrx1Z0RpP0ziBiVVrJXCjBaDLLtYKZ9PonjkwpnVp6md57dJygdpTUNQyMf6sGM9LAvCnitxyb8mcpqLx3wFFPz0Wy2IkwcN5yhrj0t4yauM0lWuJYyQkr5dQD9k_-8h/s400/icon-delicious.png'/></a></li>
    <li><a href='http://technorati.com/people/technorati/anshul555'><img alt='RSS Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT4giFuIFh2vXthEqSXGgu6Uj1U0xvP4eMHlr9lBCqkGtRwTA_nJ-WEG68362Yyc63bV7q7b6YpkQH2QajFrXC1mpYuen9ps7dlTwvgfi-mU3Y13oXIViXYEtqS7uAqe2n1z4ut-RbFf0x/s400/icon-technorati.png'/></a></li>
    <li><a href='http://digg.com/users/anshul555'><img alt='Digg Link' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Y3MtEnrm2iTPmlHhFWrDdzqtt906OeN179QU_q_zt0wdrDCrcGlib3eAOtjydNHY5VSl4t3pHccq0LSPEIZVQMjhPK_gv-y6fILa4_pK0BdmB8RbQ5HfQNGUq4Yx99jrkwYJx8bL3z4E/s400/icon-digg.png'/></a></li>
    </ul>
    </div>
    </div>


  • 468 x 60 Add banner


  • Just find below codes and change with your advertiser link and its banner link or with google add codes between ad start and end comment.


    <div id='myads'>
    <!-- Your ads start -->
    <p><a href='http://www.anshuldudeja.com'><img alt='Advertisement' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVxcKcwpFosHpRAzLQ2kW-u9njN8ihxqBVjiie8nfbnmeSx7GVJoBqBPK6g1kkApUJogqM-857hrxFOc9yLpZ5DPVtSbfPjCO1UgrG4E7VFWZSivEpJxlpiSN1iEKB_5P9flNp9rqR-HSV/s800/1.jpg'/></a></p>
    <!-- Your ads end -->
    </div>



  • 125 Banner Ads


  • Just find the below codes:-


    <div class='box box-adverts'>
    <h2>Sponsors</h2>


    <div class='interior'>

    <div class='row row-1'>
    <a class='ads-1 ads-l' href='#'><img alt='Advertisement' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAzWlPTBJMsgUS_a6gm1GiYx7I8Sn_U-odBapqQfqMU3QWRSrvorCiQYTTpAVxok8ZuS2a1O98zdxQ5k6yFR3P0vQc6G8DffZbgssJ9fNQJHdW3H8Z7wkwwPSJTsVubp31BQBt_kGAk4t/s400/125.gif'/></a>

    <a class='ads-2 ads-r' href='#'><img alt='Advertisement' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAzWlPTBJMsgUS_a6gm1GiYx7I8Sn_U-odBapqQfqMU3QWRSrvorCiQYTTpAVxok8ZuS2a1O98zdxQ5k6yFR3P0vQc6G8DffZbgssJ9fNQJHdW3H8Z7wkwwPSJTsVubp31BQBt_kGAk4t/s400/125.gif'/></a>
    </div>

    <div class='row row-2'>
    <a class='ads-3 ads-l' href='#'><img alt='Advertisement' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAzWlPTBJMsgUS_a6gm1GiYx7I8Sn_U-odBapqQfqMU3QWRSrvorCiQYTTpAVxok8ZuS2a1O98zdxQ5k6yFR3P0vQc6G8DffZbgssJ9fNQJHdW3H8Z7wkwwPSJTsVubp31BQBt_kGAk4t/s400/125.gif'/></a>

    <a class='ads-4 ads-r' href='#'><img alt='Advertisement' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAzWlPTBJMsgUS_a6gm1GiYx7I8Sn_U-odBapqQfqMU3QWRSrvorCiQYTTpAVxok8ZuS2a1O98zdxQ5k6yFR3P0vQc6G8DffZbgssJ9fNQJHdW3H8Z7wkwwPSJTsVubp31BQBt_kGAk4t/s400/125.gif'/></a>
    </div>

    </div>

    </div>


    Now replace the # with links and image link with yours or either completely remove all codes if you don't want banner ads.

  • Archive Format


  • If you are using blogger archive in your sidebar i suggest to select these settings.Just go to Blogger Layout > Click On Edit Button Link of Blog Archive Widget . A pop-up window will open just select from there the style as Flat List.As Blog will look nice with it.



If i left something that you need more while installation of template or something where i got wrong in explaination or made complex let me know.

Donate If You Like The Work


If You Really liked our work and want us to continue provide these premium templates for free, Then support us by donating something you feel for this design by using paypal button in my sidebar.

No comments:

Post a Comment