Blogger Template | Marahan



Marahan is a free premium like blogger template which all you will be going to like for sure.It is magazine style template with many inbuild features and ready widgets inside it.Some of the main features are navigational menu links .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 four column footer.Search bar also ready with full blogger functionality.It can be said as both two column and three column template.I have provided you three versions of it.Use any you like.

Other free premium blogger templates you would like for sure are Kodzilla, Glory and Masugid.

Full Version Magazine Style




Magazine Style Without Gallery




Simple Version, No Magazine Style









Hacks Supported By Template




Marahan Template Installation



  • Home Page Widgets

  • Just Go To Blogger Layout > Page Elements ,you will see two add a page Element widgets at top below slider.Just add all widgets there which you want to show only on homepage.

  • Showing Recent posts On Homepage

  • Just Go To Blogger Layout > Page Elements ,you will see add a page Element widgets at top below slider and above sidebar at right.Just hit button of add a Page element,window will open,just select there the widget Named as, Feed.It Will ask for Feed Url.Provide the url as http://your-blog-name.blogspot.com/feeds/posts/default (please change your-blog-name with your blog url) and continue.Then it will show your posts and also select the date option in it if you want to show and then save it.You are done.

  • Menu Links

  • Just Go To Blogger Layout > Edit Html > Press Ctrl+F and find for below codes.

    <ul>
    <li class='current-cat'><a href='/'><span class='l'><span class='r'><span class='c'>Home</span></span></span></a></li>

    <li><a href='#' title='View all posts filed under Entertainment'><span class='l'><span class='r'><span class='c'>Entertainment</span></span></span></a></li>

    <li><a href='#' title='View all posts filed under Featured'><span class='l'><span class='r'><span class='c'>Featured</span></span></span></a></li>

    <li><a href='#' title='View all posts filed under Internet'><span class='l'><span class='r'><span class='c'>Internet</span></span></span></a></li>

    <li><a href='#' title='View all posts filed under Music'><span class='l'><span class='r'><span class='c'>Music</span></span></span></a></li>

    </ul>


    Just replace # with your links and linking text with yours text.

  • Featured Slider


  • Find the below codes.


    <ul id='s3sliderContent'>

    <li class='s3sliderImage' id='featured-1'>
    <a href='YOUR-URL-HERE'><img alt='' height='280' 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/><br/>POST DESCRIPTION POST DESCRIPTION POST DESCRIPTION POST DESCRIPTION POST DESCRIPTION POST DESCRIPTION POST DESCRIPTION</span>
    </li>

    <li class='s3sliderImage' id='featured-2'>
    <a href='YOUR-URL-HERE'><img alt='' height='280' 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-3'>
    <a href='YOUR-URL-HERE'><img alt='' height='280' 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>


    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 profile links in codes and replace with yours.

    E-mail-Subscription:- http://feedburner.google.com/fb/a/mailverify?uri=YOUR-URI-HERE
    Twitter Username:- http://www.twitter.com/YOUR-USERNAME-HERE
    Facebook Username:- http://www.facebook.com/YOUR-USERNAME-HERE


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

19 comments:

Aman S. Aneja said...

Liked it the most!!!

Marahan Rocks

wasim khan said...

Nice shearing. Great magazine style template for blogger.

rasiq changean said...

it's the most beautifull free template I found..
thanks brother..

Usuario said...

Hi Anshul, grea job you're doing!

I'll coment you about "CU3ER", a stylish and free slider that may can interest you for making some more amazing templates. Maybe in the next one? I hope so...

See ya!

Anshul said...

@usuario ya i know but its installation would be quite difficult for users of it.

Usuario said...

Hehehe, you're right, Anshul.

I'm tried to install on my blog before. I can't get it at this time, but I'm not surrender...

When finally get implement CU3ER on my blog, I'll drop you a lines here for you visit it if you want, ok?

See ya!

Anshul said...

@usurio i will implement it in blog in few minutes no problem in it but when users will use it would get very complex for them.Thats why dont wanna use.

raharjo said...

i use 'Style Without Gallery' on my blog.
why recent posts and sidebar widget on 'homepage' not showing ? there are only blank page.
i really like this template, please help me to solve this problem.

Anshul said...

@rahrjo to show widgets on home page yu have to add them.
Just read first 2 steps on template installlation you will get to know how to use it.

admin said...

I think the slideshow is too quick for me.
I need it slower ...
how can i edit the time interval Anshul?
thanks

Anshul said...

@admin i think this will chnage

var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;

chaage 4000 value

admin said...

I've tried it, thanks
you are right
but I found that value in this code should be changed too:

jQuery('div#s3slider').s3Slider({
timeOut: 4000
});

thanks!

High Rock Blogs said...

I would like to change the image section from a slideshow of static images to a widescreen (16x9) Vimeo video. Could you tell me how to do this? my email is jonallenhrcc@gmail.com

High Rock Blogs said...

Also need to know how to put in my logo "site-name" at the top of the page...

Anshul said...

@high just upload ur image from header widget in your layout >Page elements and in changing to video i cant help as i have no extra time these days

CezarB. said...

Hello, my posts are not showed in the parent page, why? what should i do, i did't alterate nothing in the source...

Anshul said...

@cezar if u using fully version of template then u need to add widget of recent posts as i tld in installation to show of your recent posts.Else for simple one use the third version.

Edith Chan said...

absolutely LOVE it! Thank you so much!!

May I ask:

1. How to display the Date Header of Blog Posts? it won't show my posting date and time even I have already selected it at blogger setting.

2. How to adjust the margin between each blog post? I want to add more (bottom) margin between each posts. I want to make more room between each post.

Many thanks!

Syihabudin Ahmad said...

anshul, please help me.. i use ur templete ; MARAHAN , but, when i add facebook button,n share to facebook, it have smothing wrong.. no decription..can u help me....???

Post a Comment