Tweak Your Aspire – Case of missing “Embedded Comment Form”

Posted by Jaideep Walia in Aspire, theme, tricks

About two days back, I received an email by one of my reader Javier Esteban González Andújar and user of “Aspire” template, pointing to the fact that the embedded comment form has stopped working. He is a writer and had won prize for his work under Short Story category (Congrats!!!). He posted the news of his winning on his blog and was expecting Comments from his readers when he found out that the embedded comment form is not there.

So to make things right again especially for him….

When everything was right, this is what embedded comment form looked like

And this is what it looked like with no comment form.

Let’s make things right again.
Click Design => Edit HTML => Expand Widget Templates

Then Search for the code:-

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

This is what the code should look like around the searched code

<iframe allowtransparency='true' class='blogger-iframe-colorize

blogger-comment-from-post' frameborder='0' height='410'

id='comment-editor' name='comment-editor' src='' width='100%'/>

</b:if>

</div>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>

<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>

Now ADD code so that the final code looks like

<iframe allowtransparency='true' class='blogger-iframe-colorize

blogger-comment-from-post' frameborder='0' height='410'

id='comment-editor' name='comment-editor' src='' width='100%'/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

<script type='text/javascript'>     
    BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;
    <data:post.communityId/>&#39;);
</script>

</div>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>

<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>

And that’s it…. save the template and you will again see you embedded comments form.
Hope this will help you…..
And don’t forget to leave comment ;)

Continue Reading >>

This post was:

3 comments »

Add Reactions Widget to Aspire

Posted by Jaideep Walia in Aspire, theme, tricks

I received a comment from Daniel (a visitor on my blog) , on how to enable Reactions on your blog post. The procedure is simple if you are using default template (why would you want to use default template when there are so many beautiful templates floating around).

But We are using one of the best template – Aspire.

So we are going to make it even better….. let’s get our hands dirty, or as dirty as they can get by typing on keyboard…..

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.

Continue Reading >>

This post was:

7 comments »

Happy Women’s Day

Posted by Jaideep Walia in life

Wishing 50% of this world’s population a Very Happy Women’s day.

“A woman’s guess is much more accurate than a man’s certainty.” - Rudyard Kipling

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

Continue Reading >>

This post was:

1 comments »

I will always love you

Posted by Jaideep Walia

Will always love you....

And you will always be in my heart.....

DAD

Continue Reading >>

This post was:

0 comments »

How to write in Hindi on Facebook

Posted by Jaideep Walia in addon, firefox, tricks

First of all I would like to wish my Lil’ sis

“A Happy Birthday”

I joined facebook sometime back and I am so happy that I did. I found a lot of my school friends there and now I am addicted to it.

I am from Delhi, India (as are most of my school friends). I started conversing with them in Hindi (most of the time) as I feel that one can express better in his/her mothertongue. Unlike Orkut, Facebook does not support typing in Hindi, so I am presenting here a way to write comments, posts etc using Google's service.

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

Same Procedure can be used with Internet Explorer. Read my comment no. 26 for changes required for Internet Explorer.

The procedure for different languages remains the same for all the languages as with Hindi.

Right-click on the links below for different languages:

[अ Type in Hindi]

[অ Type in Bengali]

[અ Type in Gujarati]

[ಅ Type in Kannada]

[അ Type in Malayalam]

[अ Type in Marathi]

[ਅ Type in Punjabi]

[அ Type in Tamil]

[అ Type in Telugu]

[آ Type in Urdu]
Click on "Bookmark This Link".
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

Now you can search things in Hindi.

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

Continue Reading >>

This post was:

46 comments »

How To Add The Blogger "Read More"

Posted by Jaideep Walia in Aspire, optimization, tips, tricks

As you might have noticed, I have posted after a long time. It’s been too hot in Delhi and laziness is my second nature… (Yeah! ask my dad). The heat just increased my laziness and gave me another reason to give a pass to my “postings”.

Today, I received a mail by one of my readers as to she can add “Read More” for her posts which were rather long. This mail was reason enough for me to write this post.

This is one of my favorite hacks. It makes your blog’s pages a little easier to read and on slower connections, a little faster to load. If your posts are longer; then this hack presents a way to write summary of the post and then let’s the readers decide whether they want to view that particular post or not. Also the reader is spared the “ordeal” to scroll through your longish post to reach to the next post.

Without further delay, let’s start working.

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.

Continue Reading >>

This post was:

2 comments »

Thinking of Changing my Template

Posted by Jaideep Walia in theme

Aspire is a great template and is a popular one at that. I have been using it for quite sometime.

Thinking of changing to something else. Have no idea what I would be looking for.

But The Search Begins.

Please give your suggestions.

Continue Reading >>

This post was:

1 comments »

How to change Favicon in Blogger

Posted by Jaideep Walia in tips, tricks

So you have got a blog. You have tweaked it’s appearance the way you wanted it. Now your blog has that stamp of your individuality all over it. Right? Think again.

Your blog stands out in all respect, yet it has the most common Favicon you could lay your hands on. Let’s change this.

What is Favicon?

In simple words… This

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.

Continue Reading >>

This post was:

3 comments »