Blogger Mastering

Fresh Tweet is a simple template inspired by Twitter and made for wordpress by FreshPress Theme.

Installation instruction

1. How to install?

Extract Blogger Template - freshtweet.zip
After login, goto Layout > Edit HTML > Browse > choose Blogger Template - fresh-tweet-blogger-template.xml > Upload > Save Template

2. Menu bar

After login, goto Layout > Edit HTML > search this code and add links

<ul>
               <li><a href=' '>Socialize</a></li>
                <li><a href=' '>About</a></li>
                <li><a href=' '>Contact</a></li>
               <li><a href='' title='Subscribe to RSS feed'>RSS <img alt='RSS' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXouD9L9d7gsJHqPMEieKE3cBmaqP9WLh2k7qfnOX_p_tMfH9eJshAbbOOyAYJ3bMXKSlx3hkljNwHdArCVY1P3OMGg43LqBpMkzKsOGy48kfCElpz0woD_xD2mZVtP51ohbSAxACSYwFd/s1600/rssicon.png' width='16'/></a></li>
            </ul>

3. Rss link in post footer

After login, goto Layout > Edit HTML > Click "Expand widgets"

search this code and add link

<a href=' ' title='Subscribe to my blog RSS feed'>RSS</a>

Enjoy !

Demo | Download

Free Blogger template with right sidebar: 2 columns, brown, gray, blue and white colors, widgets ready, Search box, Pages, RSS and Twitter buttons in header, places for banners, Adsense ready, etc.

1. How to install?

Extract Blogger Template - springloaded.zip
After login, goto Layout > Edit HTML > Browse > choose Blogger Template - dNoteBook-blogger-template.xml > Upload > Save Template

2. Date

After login, goto Layout > Page Elements > edit Blog Posts > change time format to long date (e.g Tuesday, May 12, 2009). Remember, change time format NOT date format.

3. Blog description

After login, goto Layout > Edit HTML > fin these codes

<title><data:blog.pageTitle/> | Here goes my blog description</title>

To change the description, replace "here goes my blog description" by your blog description.

4. Logo

Fin this code

<div class='logo'><a expr:href='data:blog.homepageUrl'><img alt='' border='0' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM1X-TsKYKmOr2W82Yo8HvWY_-5vxoLwIWF-9HBI4uJXauB11aC1Hdl2UCQ03BpjsiyGoqB1x-rpUKMIVMsnWZPPs9tCi-aJQLT7R0YcLRcCdGb-NDR7gVStjGUi5-4PUvqeBpj_UZ21vj/s1600/logo2.png' title='Home' width='300'/>
</a>

Change the image url of this code by the url of your logo. You have psd and jpg logo in the zip file that you can edit to suit to your blog.

5. Twitter and Feed

Find these codes

<span style='margin-left:110px;'><a href='http://www.twitter.com/rodval4ever' target='_blank'><img alt='Follow me on Twitter' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3dwXzlwJ1PyNtYfju65CeYvl1A4FpySKbrQyzRqT7X6XqhKuscl0bEDRSWmjKpbSCX5kCGzwtzsCHt4418X_x8QPz3U4P25KDIwZ3E9NVdDEXJNlPxeGX_pOLAm6EBx-lvtZCE8FCMN9b/s1600/twitter.png' title='Follow me on Twitter' width='80'/>
</a> <a href='http://feeds.feedburner.com/BloggerMastering'><img alt=' FEED' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIu8K_Rf3JT3Di9QVHVbqRp2FiYhGa26Ut8Q97DBzFuOJSRncykCGVS31GDnVisXaRIq7nGH3egxXoTVEGjdSEVtBF7amzlDnu2h3E3OLfBwBVlYGskKBUo-eGSngAFK1nkN43q0yLjF5g/s1600/rss.png' title=' FEED' width='80'/>
</a></span>

Replace twitter and Feedburner url by your twitter and feed url.

If you want to have the search logo wich is bugging on Chrome, just add this code before </div>

<span style='margin-left: 120px;'><img alt='search' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg50XgkFlg1gXE_y3maK-MxMYjVjlNGE96l7FP3-Pd-23JDjddJf2VtCmem2uhWmUCWGtHGOByI2ocbfgo1LrSX88RdW4KL7p0_0ejv9zdi5kLddlRB6CIBFLinvGcf3WxU_OVgmiBE2035/s1600/sicon.png' title='search' width='80'/></span>

6.Navigation

Find these lignes and put your info on

<ul id='dropmenu'>
<li><a href='' title='Home'>Home</a></li>
<li><a href='' title='About'>About</a></li>
<li><a href='' title='Original'>Original</a></li>
<li><a href='' title='Contact'>Contact</a></li>
            <li> </li></ul>

7. Footer

The 3 columns footer can be found with this code. Change the titles colums, add links and change links texts.

<div id='footer-box1'>
<h2>Column 1</h2><hr/>
<ul>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>

</ul>
</div>

<div id='footer-box2'>
<h2>Column2</h2><hr/>
<ul>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
</ul>
</div>

<div id='footer-box3'>
<h2>Column 3</h2><hr/>
<ul>

<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
</ul>
</div>

Enjoy !

SpringLoaded by the449 is a 2 column green template that provides support for Widgets, Gravatars and other staff. It’s a simple yet effective design featuring rounded corners and interesting tabs for the post dates.

Demo | Download

1. How to install?

Extract Blogger Template - springloaded.zip
After login, goto Layout > Edit HTML > Browse > choose Blogger Template - springloaded-blogger-template.xml > Upload > Save Template

2. Date

After login, goto Layout > Page Elements > edit Blog Posts > change time format to long date (e.g Tuesday, May 12, 2009). Remember, change time format NOT date format.

3. Navigation

After login, goto Layout > Edit HTML > fin these codes

<ul id='navigation'>
<li class='page_item '><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li class='page_item page-item-2'><a href=' ' title='About Springloaded'>About Springloaded</a></li>
<li class='page_item page-item-3'><a href='http://449.com' title='about 449'>About 449</a></li>
</ul>

Change the text and links

To add link, just put codes like these one above </ul>

<li class='page_item page-item-4'><a href='' title=''>Link text</a></li>
<li class='page_item page-item-5'><a href='' title=''>Link text</a></li>
<li class='page_item page-item-6'><a href='' title=''>Link text</a></li>

Enjoy!