Taste the Rainbow: Web Matrix

Learn how to improve your search engine ranking! Why? Because Google doesn't pre-optimize it's blogger templates for SEO(Search Engine Optimization) so you'll have to do it in 5 easy steps. The purpose of this is so that you blog ranks better in search results because the title of your post will come before the title of your blog, so that way all of those great keywords you got, from Google's Reverse Search Engine Tool, and used in your post title won't be for nothin!

• Goto: Dashboard>>Design>>Edit HTML
• Then click 'Download Template' that way you have a copy of your blog template if you mess up
• Now Find '<title><data:blog.pageTitle/><title>' see diagram for details
• Then Highlight that code and copy and paste this code over it

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Blogger on Your Cellphone

1. Goto Dashboard>>Design>>Edit Html
2. Click Download Template so that if you make a mistake you can just reapply your template the way it was before.
3. Look for this in your code '<b:include data='blog' name='all-head-content'/>' FYI: It's at the very top of your template code.
4. Now just below that paste this code...

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>

A Twitter Button gives you more exposer

• Go to your Dashboard>>Design>>Edit HTML
• Then check the Expand Widget Template box and start searching your code for this '<div class='post-header-line-1/>' or '<data:post.body/>' and paste your code below it with no spaces
• Now don't save it yet! 1st you have to change ' your_twitter_username' and replace it with your twitter username while keeping the underscores. 
• Once you've added your twitter username you can click Save Template. 

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Scroll down the page then look at the top of the screen...notice anything?Yeah that's My Very Own Toolbar! Cool right? So I bet you want one well here's how to get yours...

• Goto: Apture.com 
• Then, click the Get Started button and start designing Your own toolbar complete with Your own logo design or you can just type in your blog title.
• You can also chose the color of your new toolbar. Then you go to your Blogger Dashboard>>Design>>Edit HTML
• Now that your there start from the bottom of your code and work your way up as you scan for this '</body>' in your HTML code
• Once you find '</body>' place the code you got from Apture right above that with no spaces in between, and click Save Template.
• Don't forget to tweet this trick or look follow me on Twitter