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.
- Right-click this link: [अ Type in Hindi]
-
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
Click this bookmarklet while in the Facebook and your comment window will become Hindi enabled !!! Now write Hindi comments right in Facebook.
Continue Reading >>
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 == "item"'>
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 != "item"'><br/>
<a expr:href='data:post.url'><br><strong>Read More >></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 >>
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 >>
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 >>
Your Blog is popular, unlike mine :) , and a lot of visitors leave comments on your posts, again unlike mine, do you wish you could number the comments. Numbering comments have lots of advantages.
First “It looks Cool” and that’s hot.
It gives you permalink to your comment, which can be given in other posts.
So lets start the project……
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'>
The code around it should look like this. I have inserted comments so that it becomes easier for you to follow the code.
<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.
Continue Reading >>
This blog post is inspired by a problem faced by one of my reader. He has a blog about Philately and has text scrolling at the end of the page. What he wanted to do is to have that text scrolling at the top. The shortest and easiest possible answer to his problem was to have his message as blog’s description. But somehow Aspire does not show Description.
Yipeeeee, another addition to my (gradually) increasing number of posts.
Before doing anything with your template Please Backup Your Template.
As I have already told you… Aspire does not show your post’s Description. So first we will tackle this problem.
First search for
<h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
Just below it add
<h2><data:description/></h2>
So the final code should look something like
<b:includable id='main'>
<h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
<h2><data:description/></h2>
</b:includable>
Just one more tweak and you will see the description of your blog.
Find the code
#head {position:relative; width:990px; height:250px;
And
.header {width:627px; height:250px; background: url(http://www.webpagedesign.ws/aspire/header-bg.jpg) no-repeat;}
and replace height:250px to height:265px.
That’s it… Job done. Save your template and See the description of your blog.
Now Something specifically for Mr. Prashant Pandya.
To add scrolling text, in this case Description of your blog, just change the code from
<h2><data:description/></h2>
TO
<h2><marquee><data:description/></marquee></h2>
Save the template and see your message or blog’s description scroll.
Continue Reading >>
Who Visited ME?
FEEDJIT Live Traffic Feed
Categories
Track My Site