<a href='http://twitter.com/bloggertricks' id='twitter-link' style='display:block;text-align:right;'>follow me on Twitter</a>

</div>

<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>

<script src='http://twitter.com/statuses/user_timeline/bloggertricks.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>

and replace bloggertricks with your twitter id.

Don't use Twitter...? then simply delete this code from the template.

From...

<b:widget id='HTML5' locked='false' title='Twitter' type='HTML'>

...................

...............

<script src='http://twitter.com/statuses/user_timeline/bloggertricks.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>

</div>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

Step 4: Edit Feedburner Email subscription and Feed count Button

Edit Feedburner Email subscription and Feed count ButtonThis is another cool feature in this template.. built in Email subscription form and Feed count button.

Search for this line


http://feedburner.google.com/fb/a/mailverify?uri=bloggertricksdotcom

and next, this line


<p><a href='http://feeds2.feedburner.com/bloggertricksdotcom'><img alt='' height='26' src='http://feeds2.feedburner.com/~fc/bloggertricksdotcom?bg=FD6D00&amp;fg=202931&amp;anim=1' style='border:0' width='88'/></a></p>

and Edit those urls to your feedburner links.
Don't have Feedburner yet ? You can signup here.

Step 5 : Add Youtube Video

Add Youtube Video

Go to Layout tab.. and you can see like this

Click on the edit and add your youtube code

Click on the edit button and paste your youtube video code.
Don't forget to change the width and height of the video to 250 x 190 px to fit perfectly in the layout. You can edit the width and height values in the youtube embed code.
Help: How to add Youtube videos to Blogger

Don't want Youtube Video Widget ? then, simply remove this code from the template.


<b:widget id='HTML2' locked='true' title='VIDEO (250 x 190)' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<data:content/>

<b:include name='quickedit'/>

</b:includable>

</b:widget>
Step 6 : Setup Mini Updates (Recent Posts with thumbnails)

This template has inbuilt Recent Posts with Thumbnails widget. All you have to do is enter your blog url and it will do the rest.
Look for this code in the template

Mini Updates


home_page = &quot;http://falknerpress.blogspot.com/&quot;;

and replace the url with your Blog url.

Step 7 : Edit Social Bookmarking links

Be my Friend?

In the footer, you will see three widgets, 1.About me 2. Be my Frined? and 3. Advertisement widget.
The 1 & 3 widgets can be directly added by going to Layout tab.
All you need to edit is the second widget 'Be my Friend'. Using Social Bookmarking sites is a smart way to drive traffic to your sites.. So, if you don't have any of those accounts, Just take time to register..they are free and worth it :)

Find these lines:

<ul>


<li><a href='http://your-feedburner-url.com' target='_blank'>Subscribe</a></li>


<li><a href='http://digg.com/users/bloggertricks' target='_blank'>Digg</a></li>


<li><a href='http://www.facebook.com/people/bloggertricks' target='_blank'>Facebook</a></li>


<li><a href='http://bloggertricks.stumbleupon.com'>Stumble It!</a></li>


</ul>


</div>

<div class='share-list2'>


<ul>


<li><a href='http://technorati.com/faves?add=http://your-blog.blogspot.com/'>Technorati</a></li>


<li><a href='http://twitter.com/bloggertricks' target='_blank'>Twitter</a></li>


</ul>


and Edit them accordingly.

Step 8 : Featured Content Slideshow

Featured Content SlideshowCheck out the Live Demo to see how it looks.

Edit the Slideshow...
Go to Layout » Edit html and find these lines..
Observe the pattern, it's easy!
wait! First prepare your images... the images should be 490(width) x 280 (height) pixels. Use Photoshop or any other image editing software to crop the images to 490 x 280 px and then upload the images to some image host like photobucket,tinypic,etc.

Next, find this code

<div id='myGallery'>

<!-- First Picture Start -->

<div class='imageElement'>

<h3>Title One </h3>

<p/>

<a class='open' href='http://bloggertricks.com'/>

<img alt='Marley And Me' class='full' src='IMAGE URL'/>

<img alt='Marley And Me' class='thumbnail' src='http://54800.com/wp-content/uploads/a1.jpg'/>

</div>

<!-- First Picture End -->

.........................................

..........................................

</div>


The pattern is like this

<div id='myGallery'>


<!-- First Picture Start -->


<div class='imageElement'>


<h3>Title 1 </h3>


<p/>


<a class='open' href='LINK 1 '/>


<img alt='Marley And Me' class='full' src='URL OF IMAGE 1 '/>


</div>


<!-- First Picture End -->


<!-- Second Picture Start -->


<div class='imageElement'>


<h3>Title 2 </h3>


<p/>


<a class='open' href='LINK 2 '/>


<img alt='Marley And Me' class='full' src='URL OF IMAGE 2 '/>


</div>


<!-- Second Picture End -->


<!-- Third Picture Start -->


<div class='imageElement'>


<h3>Title 3 </h3>


<p/>


<a class='open' href='LINK 3 '/>


<img alt='Marley And Me' class='full' src='URL OF IMAGE 3 '/>


</div>


<!-- Third Picture End -->



</div>


Got it? Now edit those links and Save the Changes!!
Now, FalknerPress template is successfully installed!


Extras

Here are few more things you can learn about this template..
Adsense Color Codes:

Here is the Color Palattes you can use to perfectly blend your adsense ads in the layout

1. Adsense in Left sidebar:
Preview:

Adsense in left sidebar







Colors to use:

left sidebar colors









2. Adsense in Right sidebar:

Preview:
Adsense in right sidebar

Colors to use:

Right sidebar colors

3. Adsense just below Featured Content Slideshow:
(468 x 60px)

SAME COLORS as 2nd one







4. Adsense in Footer:
Colors to use:

Colors to use in footer


That's it guys! Hope you like the template :D

Like the template? or If you have any questions ? Comment here...