Now the template i am going to release today is three column and is very clean layout and the theme name is mainam as title is saying Mainam Theme Blogger Template.
Snapshot Of The Mainam Template
Hacks Installed In This Template
- Blogger Header Splitted Into Two Sections
- Horizontal Navigational Menu Links
- Automatic Read More Hack With Thumbnail
- Swap Title Hack For Blogger
- Embed Comment Form
- Hidden Navbar Layout
- Removed Showing Posts Wih Labels
- Removed Labels Posts Count
- Removed Subscribe To Posts Atom
- How Delete Posts Count Number Of Blogger Archives
- How Highlight Authors Comments In Blogger Blogs
Features Of The Template
- Fixed Width Template
- Three Column Blogger Template
- Right Sidebar
- Add Ready Widgets
- Top Menu Ready As Linklist
- Compatible With Mozilla, Chrome and IE7
I request you to Please Back Up your blogger template and all blogger widgets to your desktop or just copy paste all sidebar widgets codes to notepad and save to your desktop for further use in new template.
When you will Download This Template you will get an installation guide downloaded with template but i would like to tell little bit about installation here too.
Mainam Template installation
1) Header Image:-Just upload your header image from header widget inside the blogger layout.That is widget at top left of page elements,by hitting Edit Button.If you don’t wanna use image,you can use text also.
2) Advertisement Widget :- Just add the adsense banner or any banner add of size 468 cross 60 in the widget that is at the top right of blogger layout.
3) Menu Links:-To add the menu links.As would see I have made two menus.
One is at the to and second below header.
Just you will see Two Linklist In Blogger Layout,Just add your menu links from there,as like you add your bloggroll in sidebar.
4) 125 x 125 ads:-To edit the sidebar adds,Go to Layout > Edit HTML and find for this code in template
Below this code you will find links like these below:-
<a href='/'><img src='http://2.bp.blogspot.com/_j82W7u9kZbs/SyVYzxcjEdI/AAAAAAAAAVA/FRNYL3bk63M/s400/125.gif'/></a>
<a href='/'><img src='http://2.bp.blogspot.com/_j82W7u9kZbs/SyVYzxcjEdI/AAAAAAAAAVA/FRNYL3bk63M/s400/125.gif'/></a>
Just keep on changing the / in href='/' with the advertiser url and following image links with advertiser banner.
5) Read More Hack With Thumbnail:-As read more hack with thumbnail is installed.And it display image of size i assigned on homepage.
If you want to change it or remove it or any alterations in it,you can read and modify it from here.
http://www.anshuldudeja.com/2009/05/automatic-read-more-hack-for-blogger.html
6) Change Backgrounds:-Just Go to Layout > Edit Html and find this url http://1.bp.blogspot.com/_j82W7u9kZbs/TDTf8JFKG4I/AAAAAAAACZI/i0672ISihxs/s1600/2rg13lt%5B2%5D.gif
This is the background image to template.If you wanna change to other backgound,just select from the images from backgrounds folder
which you have got after downloading this template.Just selct the background you liked and upload it to your server or tinypic.com.
Just take the url to backgrund and replace with the one you find in red above,and you will get change your background.
Donate If You Like The Work
If You Really liked my work and want encourage me to convert more Proffessional wordpress themes to blogger templates for Free, Then please help us by donating something you feel for this design by using paypal button in my sidebar.
28 comments:
Nice job again!
Can you tell me if I can rebuild an old free blogger template from www[dot]ourbloggertemplates[dot]com with new add-ons & share with others with creator's footer credit intact?
@googy ya just modify it any way you want and just keep the credits as it is and add yours too,then you can distribute it for sure...
Thanx a lot buddy....for a quick answer & clearing my big doubt!
Great template.
I have converted it also....please check it in my template gallery.
http://www.bloggertemplateplace.com
and for demo
http://mainan-blogger-template.blogspot.com/
Very nice template - can you tell me if it's possible to make the images full size in the posts that show up on the main page (rather than being compressed) so they are the same size as when I click on an individual post?
Thanks!
Great template and I'm currently using it. I would like to know if it's possible to delete the post time stamps and how can I expand the postings without having to click on the post for it to expand? I want this to work as a website. Thanks for the template and instructions?
Thanks!!
CN
@CKN
Just go to blogger html and check mark to expand widgets.Now search for below codes and delete them timestamp will be removed.
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
on
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
And for expanding of post i have implied this hack in template. Just read it and remove the hack and you post will show up full. automatic read more hack
Thx for share ^_^
Hi! This post is likable and your blog is very interesting, congratulations!
add your
Hi Anshul, I am using the Mainam template (work in progress though) while I was trying to add a HTML piece in the second sidebar, it just clubs with the previous gadget added there. I mean there is hardly any spacing between the 2 gadgets that I try to add. Can you please lemme know what could be done about that. Btw when I try to add the new HTML in the front (on the top) in the side bar I see the spacing.... Any help would be appreciated.. Thank you
@ramya if you would have shown me exactly what you trying to do and exactly what u adding,Then i think i could have helped you.Thing is as spacing between widgets is less or adding something direct codes to blogger sidebar need to know exact so i can tell you any css property which can help u out.
I really like this template... but it's stretching my post images. Sometimes I attach pictures with my posts and it stretches it to fit the block structure, how can I fix this?
@fully actually read more hack with thumbnail hack is installed in it.So it adjusting it to fix size.Find below codes to adjust size
img_thumb_height = 157;
img_thumb_width = 393;
Or else remove this hack from template.
Thank you so much for that!! I have another question... how do I remove the 125x125 ads? I don't need these yet, as I'm still trying to get people to advertise!
@fully in post i ahev mentioned about 125 x 125 ads: Just find codes and remove all of them ads will be removed.
LOVE this template. But please could you help with the header? The image I want to upload is a long banner and when I do it sits over the lower menu bar. If there is not a way to change this, please could you let me know how to go back to one header so the text goes across the page, rather than two lines?
Love the templates!!!
Thanks so much,
Andrea
Hi!
In My Blogspot Head Bar Is Getting A Bit Down...
1-temp.blogspot.com
faqs-1-temp.blogspot.com
In Both...
And How Can I Remove That 6 Ads Space???
And I Can't Even See The Link Also On Head Bar.... :'(
@1template i have mentioned about 125 x 125 ads: code in installation Just find codes and remove all of them ads will be removed.
For header find codes for
#top-wrapper
and make like it
#top-wrapper {
margin:0 auto;
height: 30px;
background: #333;
border-bottom:1px solid #fff;
padding:0;
margin-top:-10px;
}
that s have to add
margin-top:-10px;
Thanks Brother... :)
Haven't Told About The Links...
In Upper Menu Bar Links Are Not Showing I Have Putted A Home Link In Upper One But Not Showing...
faqs-1-temp.blogspot.com
@1template what to say your home link is appearing to me correctly in your blog.
How do I make the title of the blog go across the top rather than in two lines?
Hay! Just now I Show That In 1st Upper Header Links Go Out From The Box Thats Why We Can't See...Is There Any Solution For That???
I Have Checked In 4 Browsers...In All Problem Is Coming...:(
FAQs-1-Temp.blogspot.com
how to change 125 x 125 ads to add element just like side bar which mean can add any widget for it.
thank you for nice template
I keep trying to add a "Read More" link, but nothing works. Not the Blogger page break option, neither your Automatic Read More Hack in your own blog. Also, I can't find the code anywhere in the HTML code. What should I do? (Also, the blog I used it on is breakingtheglassceilings.com
@yirssi automatic read more hack with thumbnail is installed in this template and its working fine.Blogger read more feature is not working bcz as template was designed a long time ago when this feature was not available so cods for that are missing in template.
Post a Comment