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.
2.Upload


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='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/186307_100000552431659_1450471_q.jpg'/></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='http://www.twitter.com/7chipposts'>7chip@Twitter</a>
<br/><a href='http://www.facebook.com/sibinx'>Facebook</a>
</div>


<div class='author_photo'><img src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/186307_100000552431659_1450471_q.jpg'/>---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

http://www.facebook.com/sibinx--Replace with your Profile URL
http://www.twitter.com/7chipposts--Replace with your Twitter URL




2.Social buttons.


1.Find this code


<h3 style='margin-bottom:10px;'>SUBSCRIBE</h3>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=7chipcom&loc=en_US' target='_blank' title='Subscribe 7chip feed by Email'><img src='http://2.bp.blogspot.com/-wJiMzkpCivM/Thj632_YW1I/AAAAAAAAA5w/oqCY70UCvDg/s1600/7chip-email.png' style='width:48px;height:48px;'/></a>

<a href='/feeds/posts/default' target='_blank' title='Subscribe to RSS feed'><img src='http://4.bp.blogspot.com/-PTk-BDoxJsk/Thj64VdUjdI/AAAAAAAAA6A/53zlHf-uVb8/s1600/7chip-rss.png' style='width:48px;height:48px;'/></a>

<a href='http://www.twitter.com/7chipposts' target='_blank' title='Follow 7chip @Twitter'><img src='http://1.bp.blogspot.com/-es92MBxasyY/Thj65EaSuQI/AAAAAAAAA6Q/tLEqT9gkaaM/s1600/7chip-twitter.png' style='width:48px;height:48px;'/></a>

<a href='https://www.facebook.com/pages/7chipcom/152106238147822' target='_blank' title='Stay connected to 7chip on Facebook'><img src='http://4.bp.blogspot.com/-oTV0YYjOp0g/Thj64Pl9jkI/AAAAAAAAA54/zmO0OovuaHY/s1600/7chip-facebook.png' style='width:48px;height:48px;'/></a>

<a href='http://www.stumbleupon.com/stumbler/sibinx/' target='_blank' title='Stay connected with stumbleupon '><img src='http://4.bp.blogspot.com/-ZiauxTqhL88/Thj648Y2rAI/AAAAAAAAA6I/2OKfKmLkheE/s1600/7chip-stumb.png' style='width:48px;height:48px;'/></a>
<a href='http://www.linkedin.com/pub/sibin-xavier/29/55/135' target='_blank' title='Stay connect with Linkedin'><img src='http://1.bp.blogspot.com/-Y-dIdZzhZj0/Thj_01c7TrI/AAAAAAAAA6Y/KodeNXmrhpc/s1600/7chip-linkedin.png' style='width:48px;height:48px;'/></a>


Goto this link http://feedburner.google.com

Publicize-->E-mail subscription-->Subscription Link code-->"http://feedburner.google.com/fb/a/mailverify?uri=7chipcom&loc=en_US" .Use your code.



E-mail Subscription Form


Goto this link http://feedburner.google.com

Publicize-->E-mail subscription-->

Copy the code


Replace

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


with

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



Final code look like


<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=7chipcom', '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='http://feedburner.google.com' 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>

<li>
<a href='https://www.facebook.com/sibinx' title='About'>About</a>
</li>
<li><a href='https://www.facebook.com/sibinx'>Contact</a></li>


</ul>
</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='http://www.7chip.com/#'>About</a>

</li>
</ul>
</li>

<li><a href='http://www.7chip.com/#'>Blog Design</a>
<ul class='children'>
<li><a href='http://www.7chip.com/#'>Modification</a>

</li>

</ul>
</li>
<li><a href='http://www.7chip.com/#'>Blogger</a>
<ul class='children'>
<li><a href='http://www.7chip.com/#'>Blogger Templates</a>

</li>
<li><a href='http://www.7chip.com/#'>SEO</a>
</li>

</ul>
</li>

<li><a href='http://www.7chip.com/#'>Windows</a>
</li>
<li><a href='http://www.bloggermint.com/#'>Google</a>
</li>
<li><a href='http://www.7chip.com/2011/04/how-to-addplace-ads-anywhere-on-post.html'>Google Ads</a></li>
<li><a href='http://www.bloggermint.com/#'>How To Modify</a>
</li>
</ul>

</div><!--/nav2-->

3.1Adding Favicon or Blog icon.

Find this code

<link href='http://1.bp.blogspot.com/-EALqzZUE2cQ/ThkJrYlb84I/AAAAAAAAA7A/dEk0cwA9BrE/s1600/7chip-logo.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>


Replace
link href='http://1.bp.blogspot.com/-EALqzZUE2cQ/ThkJrYlb84I/AAAAAAAAA7A/dEk0cwA9BrE/s1600/7chip-logo.png'

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

4.Dashboard view





5.Footer view




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


#footer11
{
font-size:14px;
clear: both;

color:#ffffff;


padding: 5px 5px 5px 5px;
border: 1px solid #ddd;
background:#5C757D;
}
#footer11 a { color:#AEC5CE;
font-weight:bold;}

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

}


6.Share comment


#sharecomment
{
background:#EEEEEE;
font-size:12px;
font-weight:;
padding:10px 15px 20px 15px;
}
#sharecomment h2
{
font-size:16px;
font-weight:bold;
}

and

<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

12 comments:

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 http://todayprice.in

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.comhttp://price4shop.com

goswami said...

This is Really a Professional Template...Onlinesurgicals.com

 

Copyright @ 2013 7CHIP.

Designed by Templateify & Sponsored By Twigplay