Techie-t-easy

Finally found: Gun gun karte badal: Listen song

Sunday, June 5, 2011 | 0 comments

I heard this on some comedy show where Sonu Nigam sings this song. I liked the way he emulated the voice of great Suresh Wadkar. And I wanted to hear the original score.

Google AdSense

Thursday, June 2, 2011 | 0 comments

This post confirms my
ownership of the site and that this site adheres to Google AdSense
program policies and Terms and Conditions: ca-pub-8264069078113541

How to Add Remove Labels from multiple posts in a blogger blog?

Saturday, July 18, 2009 | Blogger | 0 comments

Normally, when we want to publish a post in a particular category, we open the post in edit mode and add that category as a label for that post. What if you want to add or remove labels from multiple posts after actually publishing them? Here we are going to discuss the same.

First go to your blog’s Edit Posts section as shown below…

You will see a “Label Actions…” dropdown list to upper left corner of the blog-post list.

Initially, when you haven’t selected any post, only Apply Label category will be visible.

When you select any of the post, Remove Label category will also appear with list of all available labels with selected posts.

How to create a new label:

First select at least one post for which you to want apply a new label.

In “Label Actions…” dropdown list, in Apply label category, at the bottom there is an item called New Label. After clicking that item, a input box will appear as shown below.

Enter the desired label text and press OK. The label will appear in Apply Label category in the dropdown list. At the same time it will also be applied to the selected post(s).

How to Apply an existing Label:

Select post(s) for applying the label and click the label in Apply Label category from “Label Actions…” dropdown list

How to remove a label from post(s):

select post(s) from which you want remove a label, then click the label in Remove Label category from “Label Actions…” dropdown list.

This method will help to manage labels associated with posts collectively instead of doing it for individual post.

How to add Tell A Friend button to your blogger blog?

Tuesday, June 30, 2009 | Blogger | 2 comments

Socializing your blog is way to promote your blog so that people find it at many places. One way to make your visitors to bookmark their favorite links from your blog to social bookmarking sites like digg, stumbleupon etc. is to have services implemented in your blog that make this possible. Tell-A-Friend is a one of those services offered by SocialTwist.com that helps visitors to bookmark links from your blog for their friends, families or for their future use itself. Here I'm going to show you how to add a tell-a-friend button to your blog.

1. First, you need to have an account with Socialtwist.
2. Login into your account, you will be presented with a dashboard.
You can customize the appearance of this button by clicking on Appearance tab from the left menu.

3. After customization, copy the code as shown above.

4. Open your blog template code (How?)

5. Find the line with text <div class='post-footer'>

6. Paste the copied code, in step 3, just below this line.

7. Save your template.

View your blog, you will notice tell-a-friend widget at the footer of every post of your blog.

How to add animated social bookmark icons to you website or blog?

Sunday, June 14, 2009 | Blogger | 2 comments

For web-masters their is an helpful widget from SocioFluid which gives you the capability to add animated social bookmarking icons to your webpages.

It is very simple to add this widget to your website pages:

Just go to SocioFluid and customize the widget.
Select your favorite icons and their animation sizes.
Click on Generate widget button.
At the top, you can see the preview of the widget.
If you are good with this, copy the code in text box and use it on your webpages

Using Animated Social Bookmarking widget with Blogger:

Go to customize section of you blog
Select Layout –> Edit HTML
Check “Expand Widget Templates”
Locate the line with text <data:post.body/>
Paste your copied widget code copied exactly below this line.
Save you template and view the blog. If it is there, you are done.

Blogger: How to add image instead of author’s name in a blog post?

| Blogger | 0 comments

Advanced blogger may want their Avatar to be shown in the blog posts instead of their names. Here we will see how to do it in simple steps.

1. Open template code (How?)

2. Find the line

<data:post.author/>

3. replace this this tag with the following image tag

<IMG src="<<your image url>>" />

4. Save your template. You are done.

With this you can add your signature image to your blog.

How to add Author’s name below post title?

| Blogger | 3 comments

If you choose default template from blogger for your blog or even if you have free templates you may not have the POSTED BY label and the author’s name below the post title.

If you would like to have it, follow these steps:

1. Open template code. (How?)

2. Find the line

post-author

3. The line will look like below

 <span class='post-author vcard'>

4. Cut the entire <span …> … </span> tag

5. Find the line

 <data:post.body/>

6. Paste your cut code just above this line.
7. Save your template.

Refresh your blog and your done!

Date Part 3: How to create calendar like date for Blogger Posts?

| Blogger | 0 comments

Previously, I was not so good with javascript, css but this stuff taught me few lessons. I googled for this but no success. So I tried it my self and what a surprise! I got it worked.

I will show you some simple steps here to create calendar like date for your blogger posts.

Note: This tutorial is written with date format “mmm dd, yyyy”. If you want code for other date format, please comment.

1. Go to customize

2. Go to Layout – > Edit HTML. Check “Expand Widget Templates”

3. find the line containg following text.

<data:post.dateHeader/>

It will look like –>

<h2 class='date-header'><data:post.dateHeader/></h2>

4. Replace the whole line with

<div class='calendar-date'>
<script type='text/javascript'>
 var timestamp = '<data:post.dateHeader/>';
 if (timestamp != '') {
  var timesplit = timestamp.split(",");
  var date_year = timesplit[1];
  var timesplit = timesplit[0].split(" ");
  var date_day= timesplit[1];
  var date_month = timesplit[0].substring(0, 3);
 }
</script>
<div class='date-month'> <script type='text/javascript'>document.write(date_month);</script></div>
<div class='date-day'> <script type='text/javascript'>document.write(date_day);</script></div>
<div class='date-year'> <script type='text/javascript'>document.write(date_year);</script></div>
</div>

5. Locate the text ]]></b:skin> in the template code

just before this line put following code.

.calendar-date {
  font-weight: bold;
  height: 50px;
  width: 50px;
  float: left;
  border: 1px solid red;
  text-align:center;
  margin-right: 5px;
}
.date-month{
height:30%;
width:100%
display:block;
background-color: red;
color: white;
}
.date-day{
height:40%;
width:100%
display:block;
background-color: white;
color: red;
}
.date-year{
height:30%;
width:100%
display:block;
background-color: red;
color: white;
}

6. Do not forget to save your template.

Out put will be as shown below:

Note: Currently there is only color theme for the calendar. If you have good image for the calendar background please feel free to share it.

Date Part 2: How to change post publishing date to past or future date?

| Blogger | 0 comments

Blogger now enables his bloggers to schedule their post for publishing for some future date. A blogger even can publish his/her post at a past date. Here are some simple steps to do it.

1. Go to Customize