Blogger Template | Mayumi

Mayumi 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.You gonna like its comment system too for sure.You can have beautiful header image by using theme psd fles and edit them for your logo and sitename.

Other same class blogger templates you will like if liked it are Maamo and Matapat.

Mayumi Template Installation

• Logo, Sitename and Site-description

Just First download three psd files for logo,sitename ans site-description from here :-http://www.box.net/shared/m7vs8adz62 and edit them to your site names.

Now find below image codes and replace them with your images you created after editing Psd files.



For Logo-Image:-https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjPb3dUYNq4tPb0cvcFq8zK-aj4yU1EcN-eVyUM3moZQ53AXaoTaM-z6Wv4XH1art9YiyKHENFFdcejnz7lW_xCMeZ7oLBhOYqqkrPCn1Ag_SNetTcgl0K_SG13pv9nnYvGFrUlY7-zJsM/s400/logo.png

For Site-Name:-https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyNekbJBqllIuRwaddQiIy_zP5va3BCJwXxZ0ihvbvgi_diT4ngL8EiUeJu1-BWJYqlQzn43FYMkw3X17AZEx-9Z3CHa0Q0awdaSFMX6JT40iMqRAu5154Hg_OOSJ96-1TvgtJqvX1YAYF/s400/site-name.png

For Site-Description:-https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsbRuXKbDEvXtKFs9bhN1z_cHPRyba43mr6J_nrMckO9shdDsX1OjvisLb0xMsI-DyMlIK1sXNfpcxJ_epgU_8RxtnluJcEqMa71RCAVrT8auMP2fF7tnAbRYBExQYDTVXJffpMqZYJND-/s400/site-description.png




• Home-About-Contact-Page

Find below codes:-


<div class='box-group-1'>
<div class='box box-mainmenu' id='mainmenu'>
<h2>Main Menu</h2>
<div class='interior'>
<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='/about' 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='/contact' title='Contact'><span class='l'><span class='r'><span class='c'><span><span>Contact</span></span></span></span></span></a></li>
</ul>
</div>
</div>



Just replace the content in href='/' with your links in the above codes and may can change the linking text also in i.e Home,About and Contact.



• Featured Slider


Find the below codes.



<!--Slider Codes-->

<!--Slider Codes-->
<div id='padd-featured'>
<div id='padd-featured-wrapper'>
<h2><span>Featured Posts</span></h2>
<div class='post-top'/>
<div class='interior'>
<div id='s3slider'>
<ul id='s3sliderContent'>

<li class='s3sliderImage' id='featured-1'>
<a href='YOUR-URL-HERE'><img alt='' height='313' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBKP6maN2tyekg8CEYxG087eAWHvEngUo2RTXs_0Z_RrTQDQ0mf1Cs039ppjcsbwWDUb3pfilvoIA9ews5R5g9yNRJ79eOwib2mtZbXwur-mXYpli0dTsOSaqV0X1IfeMLjB2QGmy_pgw/s1600/logo+blog+navidades.jpg' width='630'/></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-2'>
<a href='YOUR-URL-HERE'><img alt='' height='313' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPOfx5Es_PsmN4kL-vY09MXkwCE39RZ2CMnyALohSqWRNmc2dL5IZrvbXw93ziw9WPzQIRb0rEHt3mKr39Vef_w1lP2SnIa7aP206lnMuYLTUUCeLmovp6-ArGw9GYERPdNnY3Z_EBTyQ/s1600/anakin_padawan_crop.jpg' width='630'/></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-3'>
<a href='YOUR-URL-HERE'><img alt='' height='313' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxFJ-f6MtzEVwTu2v9xDZiUVNm8-7eSNG5JMwdywZ4jgqyP_UFhOXAwTbHG9VVnVQ7ez6hy-RYpx5sXCqSLhM_01sgJVLxVVgDdY-3N2IbQgs-0nQSK8GLzse2AOkxf9KKt4bUohi-vU8/s1600/The+Black+Hole.jpg' width='630'/></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 class='post-bot'/>
</div>
</div>
<!--End Slider Codes-->



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


• Ad Banner


Find below codes and just edit the image link and blog url with yours.


<div id='ads-index'>
<div class='post-top'/>
<div class='interior'>
<a class='ads0' href='http://www.anshuldudeja.com/' target='_new'><img alt='Woothemes' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVxcKcwpFosHpRAzLQ2kW-u9njN8ihxqBVjiie8nfbnmeSx7GVJoBqBPK6g1kkApUJogqM-857hrxFOc9yLpZ5DPVtSbfPjCO1UgrG4E7VFWZSivEpJxlpiSN1iEKB_5P9flNp9rqR-HSV/s800/1.jpg'/></a></div>
<div class='post-bot'/>
</div>



• Rss-Facebook-Twitter Buttons


Just find below codes.



<ul>
<li class='rss'>
<a href='/feeds/posts/default' title='RSS Feed'>Get the latest via RSS</a></li>
<li class='twitter'><a class='icon-twitter' href='http://www.twitter.com/your-user-name'>Want to know my tweets?</a></li>
<li class='facebook'><a class='icon-facebook' href='http://www.facebook.com/your-user-name'>Join me at Facebook</a></li>
</ul>



Just edit the red content with your urls or usename.


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