How To Create Disable Text Area

This grays out the textarea altogether and inhibits any change in the text as well as text highlighting.If you want to create disable text area use the code below.

<textarea cols="50" rows="5" disabled="yes">TYPE-YOUR-TEXT-HERE</textarea>

Look at the example below.

<textarea cols="50" rows="5" disabled="yes">Computer operating speed is of concern to almost everyone. In a recent series of tests PC SPY identified several programs that were responsible for the biggest cause of system performance slow downs.</textarea>

Result:

Computer operating speed is of concern to almost everyone. In a recent series of tests PC SPY identified several programs that were responsible for the biggest cause of system performance slow downs.
That's it.

Adding Meta Tags To Blogger(Blogspot)

Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Then, find (CTRL+F) this code in the template.

<b:include data='blog' name='all-head-content'/>

Now place the following code just after it

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
<meta content='AUTHOR NAME HERE' name='author'/>

Now just change text in red with your own text. ‘Keywords’ meta tag can have any number of keywords.
and save the changes.

How to add Different Meta tags to Different Blogger Posts

Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Then, find (CTRL+F) this code in the template.

<b:include data='blog' name='all-head-content'/>

and add this code just below that line

<b:if cond='data:blog.url == "YOUR POST URL"'>
<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/> </b:if>

Then, just change text in blue with your own text.

Now, what you have to do is pasting the above three lines below the present code and changing the link,description and keywords.
You can add different meta tags to as many blog posts as you can.

How To SEO Optimize Your Blogger Blog Titles For Higher Search Results

This is called "Blogger/blogspot Title Swapping".This will give your blog better search engine rankings. It is always good to have your main keywords(Post title) of a specific blog post at the start rather than placing your blog title at the start. This situation becomes very bad if your blog title is very long.

As usual,Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Then, find (CTRL+F) this code in the template.

<title><data:blog.title/></title>

Now, replace that line with these:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> |<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>

Now click save the Template and you are done.

Adding FaceBook Share Count button for blogger posts.

Adding a Facebook share count button will show a neat count of how many times your blog post has been shared on Facebook.

Facebook Share Button Style  1

Code

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Facebook Share Button Style 2

 Code

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Facebook Share Button Style 3

Code

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Facebook Share Button Style 4

Code

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Select one of the Share Button Styles and copy the Corresponding Code.
Login To Blogger Go To > Design > Edit HTML.
and mark the tick box "Expand Widget Templates"
Now find (CTRL+F) this code in the template.

<div class='post-header-line-1'/>

And immediately After it, place Facebook share button code(that you copied) :
If you were unable to find this code in your template,then look for this code in the template.

<data:post.body/>

And immediately Before it, Facebook share button code(that you copied):
Now click Save Template.