Wednesday, June 29, 2011

Blogger Mint 2-Professional Blogger Template

Blogger Mint 2-Professional Blogger Template.

Blogger mint is a modification of blogger mint 1 .The new Blogger Mint have 3 column footer and side bar Author info.Blogger Mint v1 haven't any footer column.According to New Trend best place of "Author info" is in side bar.

1.Fully SEO optimize -SEO code added
2.Google Image code -Which Break i frame and increase traffic.more info
3.Related post links-Not added.Code for related post links
New .How to place ads anywhere inside the post
4.2/3 column side bar
5.3 column footer
6.Clean and neat interface
7.Premium features like bubble comments, page numbered navigation
8.Favicone icon
9.Share buttons.
10.Search box.
11.RSS,E-mail subscription,Facebook,Twitter,Linked in buttons
12.How to place ads anywhere inside the post

1.Set Up

1.Download Template file.

1.Author info

1Dashboard ->Design-->Edit HTML

2.Expand widget.

3.Find this code:

<div class='author_info'><h3>Hello</h3> <div class='author_photo'><img src=''/></div>
<h4>My name is Sibin Xavier.</h4>
I am a 21 year old blog designer living the internet lifestyle. I make over $1000 from this blog monthly and my aim is to help as many people do the same by giving the best of my content.
Find us on
<br/><a href=''>7chip@Twitter</a>
<br/><a href=''>Facebook</a>

<div class='author_photo'><img src=''/>---Replace with your Image url.
Create a 75 X75 or less . I used 50 X 50 image.That mean image size is 50 X 50.Use .png,.jpg format with your Profile URL with your Twitter URL

2.Social buttons.

1.Find this code

<h3 style='margin-bottom:10px;'>SUBSCRIBE</h3>
<a href='' target='_blank' title='Subscribe 7chip feed by Email'><img src='' style='width:48px;height:48px;'/></a>

<a href='/feeds/posts/default' target='_blank' title='Subscribe to RSS feed'><img src='' style='width:48px;height:48px;'/></a>

<a href='' target='_blank' title='Follow 7chip @Twitter'><img src='' style='width:48px;height:48px;'/></a>

<a href='' target='_blank' title='Stay connected to 7chip on Facebook'><img src='' style='width:48px;height:48px;'/></a>

<a href='' target='_blank' title='Stay connected with stumbleupon '><img src='' style='width:48px;height:48px;'/></a>
<a href='' target='_blank' title='Stay connect with Linkedin'><img src='' style='width:48px;height:48px;'/></a>

Goto this link

Publicize-->E-mail subscription-->Subscription Link code-->"" .Use your code.

E-mail Subscription Form

Goto this link

Publicize-->E-mail subscription-->

Copy the code


<input type="submit" value="Subscribe" />


<input style='background: #B44200; border: 2px outset #ff0000; color: #ffffff; font-weight: bold;' type='submit' value='Subscribe'/>

Final code look like

<form action='' method='post' onsubmit=''', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:1px solid #ccc;padding:3px;text-align:center;' target='popupwindow'>
<p>Enter your email address:</p>
<input name='email' style='width:150px' type='text'/>

<input name='uri' type='hidden' value='7chipcom'/><input name='loc' type='hidden' value='en_US'/><input style='background: #B44200; border: 2px outset #ff0000; color: #ffffff; font-weight: bold;' type='submit' value='Subscribe'/><p>Delivered by <a href='' target='_blank'>FeedBurner</a></p></form>

Navigation and Menu bar.

Top Menu bar

<div id='nav-left'>
<ul id='nav1'>
<li><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>

<a href='' title='About'>About</a>
<li><a href=''>Contact</a></li>

</div><!--/nav-left -->

Navigation Menu

<div id='suckerfish'>

<ul id='nav2'>

<li><a expr:href='data:blog.homepageUrl' title='Home'>Home</a>
<ul class='children'>
<li><a href=''>About</a>


<li><a href=''>Blog Design</a>
<ul class='children'>
<li><a href=''>Modification</a>


<li><a href=''>Blogger</a>
<ul class='children'>
<li><a href=''>Blogger Templates</a>

<li><a href=''>SEO</a>


<li><a href=''>Windows</a>
<li><a href=''>Google</a>
<li><a href=''>Google Ads</a></li>
<li><a href=''>How To Modify</a>


3.1Adding Favicon or Blog icon.

Find this code

<link href='' rel='shortcut icon' type='image/'/>

link href=''

with your Image/icon (Format:PNG Size:16 X16)

4.Dashboard view

5.Footer view

Find this code and change color ,font, etc...

clear: both;


padding: 5px 5px 5px 5px;
border: 1px solid #ddd;
#footer11 a { color:#AEC5CE;

#footer11 h2 {
font-style: normal !important;
font-size: 16px;
text-transform: uppercase;
line-height: 20px;
padding: 5px 5px 5px 5px;
background: #8A9DA5;
color: #FFF;


6.Share comment

padding:10px 15px 20px 15px;
#sharecomment h2


<div id='sharecomment'>

Add or Replace with your social bookmark codes.Here i use "AddThis code".

If you have any problem ,Just ask to me.

Get 10-50% offer on all purchace - Flipkart offer zone


Arif said...

Really it's a nice and very professional blogger templates, Nice Coding... :D

TechGopal said...

really g8 theme........

sibin777 said...

Thanks for commenting.Download it

sibin777 said...

Thanks.Download it.Post your Response

Ahsanul Karim said...

Another excellent template. Very unique & professional

Jini Ck said...

Good Template.Very nice,I liked

sibin said...

Thanks jini

sibin said...

Thanks actually  i modified it from Blogger MInt

Md Aleem Uddin said...

nice template thanks from

Metalpig Logo Design said...

Awesome blogger template! now, I can change my blogspot blog.. thanks dude! :)

price4shop said...

Good Template..Thanks for Giving This.http://www.adusin.com

goswami said...

This is Really a Professional


Copyright @ 2013 7CHIP.

Designed by Templateify & Sponsored By Twigplay