First go to Dashboard > Layout > Page Elements.

Now click  Edit on Blog Posts.

A new window will open. Now check the box in front of Reactions:

This is just the first step, now save your changes and go to Layout > Edit HTML.

Warning: Make sure to make a backup of your template BEFORE making any changes.

Now find

<data:post.body/>

And just below it add the following code

<!-- /* *****************Add Reactions ********************* */ -->
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' width='100%'><tr>
<td valign='center'><span class='reactions-label'>
<data:top.reactionsLabel/></span>
</td>
<td><iframe allowtransparency='true' class='reactions-iframe' 
expr:src='data:post.reactionsUrl' frameborder='0' 
name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span> 
<!-- /* **************End of Add Reactions **************** */ -->

Save the template and preview your blog. You should see Reactions on your blog post like the image below.

That’s it…. Enjoy your new feature for Aspire. Hope you will like it.

You can customize reactions, but I will leave that to you to play with. And don’t forget to check appropriate box to rate this post.

Tomorrow I will post a way to add “Reactions” widget to Aspire theme. Hope it will be helpful to you all.

To be able to type in Hindi, you should have Firefox (The Best Browser).

Same Procedure can be used with Internet Explorer.

1. Right-click this link: [अ Type in Hindi]

2. Click on "Bookmark This Link".

   

    

3. Choose "Bookmarks Toolbar" in the "Folder" option.

Now you will have a bookmark “Type in Hindi”

Now go to www.google.com and then press “Type in Hindi’ bookmark.

Wait for sometime till you see something like this

Wait some more and you will see

Now type anything in English

Press Spacebar. Do not press Enter

This is what you will get

Click this bookmarklet while in the Facebook and your comment window will become Hindi enabled !!! Now write Hindi comments right in Facebook.

Backup your blog’s template before making any changes.

Now go to your blog’s Layout => Edit HTML.

Click “Expand Widget Templates”.

Search For

<p><data:post.body/></p>

And REPLACE it with the following code.

<!-- /* *****************Tweak 1 for adding Read More ************* */ -->
<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;} 
</b:if>
</style>
<!-- /* ******************************************************** */ -->
                    <p><data:post.body/>
<!-- /* *****************Tweak 2 for adding Read More ************* */ -->

<b:if cond='data:blog.pageType != &quot;item&quot;'><br/>
   <a expr:href='data:post.url'><br><strong>Read More &gt;&gt;</strong></br></a>
</b:if>
<!-- /* ********************************************************** */ -->
</p>


 

Now go to Settings=>Formatting. And scroll down to Post Template as shown below.

In Post Template paste the code

<p align="justify">Type your summary here</p>
<span class="fullpost">
<p align="justify">Type rest of the post here</p>
</span>

Then Click Save Settings. Now whenever you create a new post, write the summary and then write the rest of the post.

Hope this helps.

And we want to change it to this (at least in my case)  :)

Now lets get down to change this. A favicon is a 16X16 px ico file. You need to have an ico file(*.ico) which will become your favicon. It can be any image file. Open any image file in IrfanView and then resize the image and save it as ico file. If you are short of ideas, you can head over to huge number of favicon collection. 

Now a place to save your favicon online. You can use any online image hosting service or use the Google Sites. Create a site in google sites and then Click on Home as shown.

Then you can upload your ico file to your site

Once uploaded, note down its path. It should be something like this =>

http://sites.google.com/site/YOURSITENAME/Home/FAVICON.ico?attredirects=0

Now go to your blog’s Layout => Edit HTML.

Backup your blog’s template before making any changes.

Now find

<head

and just below it paste the following code

<link href='http://sites.google.com/site/YOURSITENAME/Home/FAVICON.ico' rel='shortcut icon'/> 
<link href='http://sites.google.com/site/YOURSITENAME/Home/FAVICON.ico' rel='icon'/>

Change YOURSITENAME and FAVICON.ico as per your “Site Name” and your favicon file name respectively.

Save the page and view your blog.  Site showing same old Blogger Favicon. Try to reload a few times or Clear the cache of your browser and then reload the page.

Go to Layout => Edit HTML and then click “Expand Widget Templates”.

Now search for

]]></b:skin>

and  just above this copy and paste the following code

/*Start Changes to be made to Put Comment Numbers */
.numberingcomments {
/* add the CSS properties here */
text-align:right; font-size: 25px;
}
/*End Changes to be made to Put Comment Numbers */

This is where you can change the font size and align your Comment Number.

Now we have to add some more code so the the functionality of adding comment numbers could be achieved.

Part One

First search for the code

<b:loop values='data:post.comments' var='comment'>

Just Above this line paste the following code

<script type='text/javascript'>var CommentsCounter=0;</script>

So that the code looks like this

<script type='text/javascript'>var CommentsCounter=0;</script>
<b:loop values='data:post.comments' var='comment'>

Part Two

Now is the tricky part. You have to be careful while following this.

Search for this code below.

<div class='message-by'>
<b:if cond='data:comment.authorUrl'>

<div class='message-by'>
<!-- Add Code One here -->
  <table border='0' width='100%'>    
        <tr>        
            <td width='10%'/>        
            <td width='60%'>        
<!-- Code One Ends here -->    
 <b:if cond='data:comment.authorUrl'>      
    <a expr:href='data:comment.authorUrl'><data:comment.author/></a>    
<b:else/>      
    <data:comment.author/>    
</b:if>    
<b:include data='comment' name='commentDeleteIcon'/>



<!-- Add Code Two here -->        

            </td>    
            <td width='20%'>
                            <div>    
    <span class='numberingcomments'>        
        <a expr:href='data:comment.url' title='Comment Link'>        
<script type='text/javascript'>
    
   CommentsCounter=CommentsCounter+1;
    document.write(CommentsCounter)
</script>    
    
        </a>        
    </span>

                            </div>
            </td>
        </tr>  
</table>

<!-- Code Two Ends here -->    
</div>

Save your Template and view your blog.
If you are still facing any problem then do leave a comment. Even if you are not facing any problem then also do leave a comment.