Daily Technology Tips

How to Add Google Plus Button To Every Post in Blogger

2011-07-20T11:45:00.000-07:00

Google +1 button is a new product from Google to improve on search ranking and providing better search results to users. You click Google +1 button to publicly give something your stamp of approval. Your +1's can help friends, contacts, and others on the web find the best stuff when they search. Here in this post, i will explain the process of adding a 'Google +1' button to Blogger, so that your blog visitors can provide their stamp of approval on your blog posts.

Step 1: Go to Layout tab in your blog and then Edit HTML and then click on "Download Full Template" link to first save your blog template.

Step 2: After saving the template click the check box "Expand widget templates".

Place this tag in your head or just before your close body tag

Step 3: Search for the string "<div class='post-footer'>" in template.

Step 4: Copy and paste the following code snippet below the line mentioned in step 3.

Step 5: Save your template. and check your blog. Google +1 button will be there and it will look like the following picture.

With Google +1 button, You can now bring more traffic to your blog. The following video shows this button in action.

If you want to explore more on Google +1 button, then checkout the official page from Google. http://www.google.com/intl/en/webmasters/+1/button/index.html

Related Posts:

Tips to Add FriendFeed Badge to Blogger
Add Share on FriendFeed Button to Every Post in Blogger
How to Add Tweet This Button to Every Post in Blogger

Problem Adding Facebook Like Box to Blogger? - Here is the Working Solution

2011-03-23T12:38:00.000-07:00

Everyone is looking to drive traffic to their blog using Facebook pages. To promote these Facebook pages, Facebook provide you "Like Box", a social plugin that enables Facebook Page owners to attract and gain likes from their own website. So if you have a Facebook page, you can add "Like Box" for this page on your blog/website in order to let your blog visitor like the Facebook page. You can create "Like Box" for your Facebook page by visiting to http://developers.facebook.com/docs/reference/plugins/like-box/. A Sample "Like Box" looks like -

You can generate this "Like Box" from the URL mentioned earlier. Open this URL and as per below screenshot, customize the Facebook page, width, colour scheme, Faces, Stream and Header.

Once you finish customization, just click on Get Code button to get the generated code to use in your website/blog. There are two variant of code: iFrame and XFBML. Depend on your website; you can opt from any of these two.

As per Facebook, you can add this "Like Box" to any website or blog but there are many bloggers using Google's Blogger platform Blogspot are not able to display this "Like Box" on their blog. Only the header of Box is visible. Now come to the point, to help those bloggers, here is another version of code you can embed on your blog in order to display the "Like Box" correctly.

You need to copy this script and make few changes in order to let it work for you. Very first change is profile_id="113832435312598". You need to replace this id with your Facebook page id. Second change is your Facebook page and the description. You can change how many connections you want to display on your "Like Box" by providing the value in connections="10".

After making appropriate changes, go to Blogger, click on 'Add a Gadget' and then add a HTML/JavaScript widget. Copy the updated code and then save your blog. Do a preview and you will be able to see the Facebook "Like Box" on your blog.

Related Posts:

Drive Traffic to Your Blog or Website with Google, Yahoo! and Facebook Groups

2010-07-04T09:05:00.000-07:00

In today's world, Social Networking plays an important role in the success and failure of any blog or website. It is as important as the content of your website. More social networking leads to more users/traffic for your website. In this article, I will explain how you can drive the traffic to your website or blog using Groups services from some of the top internet brands e.g. Google, Yahoo! and Facebook. Though there are other sites as well but we will talk about these only in this article.

Yahoo! Groups is the one who started its services a way before Google and Facebook and still the leader in its offerings. Google and Facebook groups too are trying to catch up Yahoo! very fast. For any website or blog, it is very important to interact with its users. Though the website itself provides the options like comments, ratings, poll etc. but apart from interaction in your website, you should also explore other platforms to interact with users who might be interested in your blog or website.

Yahoo! Groups: If you are a owner of a blog or website and you want to promote it and looking for more user interaction then you can start a new Yahoo! Group related to your website/blog. This group can be used to showcase the things about the topic of your website. E.g. If I own a site called nokia5800downloads.blogspot.com, i can create a Yahoo! group with name Nokia 5800 Downloads. Yahoo! Groups allows you to add new members, post articles, images, attachements, links, etc. You can create polls to interact with your group members. You can even promote your group using the tools provided by Yahoo! Groups.

Just add more and more users to your Yahoo! Group and talk about your blog/website. Yahoo! Groups is a powerful tool and it can drive good amout of traffic to your website. I have seen the groups with thousands of users. You can create a new Yahoo! Group by visiting the URL http://groups.yahoo.com/

Google Groups: Unlike Yahoo! Groups, Google Groups is very simple and offers you pretty much the same as Yahoo! Groups. You can add members, create pages, add links, photos and files. You have discussions where you can post about your website and let users of the group interact with you on the topic of discussion. The interface is very simple and it's very easy for first time users as well.

You can create a Google Group by visiting the URL http://groups.google.com/. You can add a link of your group to your website so that a visitor coming to your website can join the group and later you can keep informing him about any latest updates of your website through this group.

Facebook Groups: After Google and Yahoo!, Facebook too has Facebook Groups, a service which helps you connect and share with the people interested in your website or blog. If you have a Facebook account, creating and running a group is as easy as opening a webpage. Fill the few information like your Group name, the category it belongs to and a little description and there you go. You have your Facebook Groups created. Unlike Yahoo! and Google Groups, Facebook Groups is very advanced. You can add links, images, videos in a second with the cool interface it provides. You can set an event, start a discussion. You can even promote your Facebook Group.

You can invite people to join your group. There are plenty of ways provided in the interface to interact with the members of your group. Facebook Groups is the best offerings in terms of interface and functionalities. As Facebook is growing bigger and bigger, you can expect the number of visitors you can push to your website. You can take more help regarding the group creation by visiting the following page http://www.facebook.com/help/?page=414

Related Posts:

Learn How to Remove Blogger Top Navigation Bar

2010-03-21T00:17:00.000-07:00

Blogger navbar ( Navigation Bar ) is by default present on the top of every blogspot blog. This navigation bar provides following features-

[B] Icon -> Takes you to Blogger.com
Search Blog -> Search within the currently displayed blog
Flag Blog -> Used to mark objectionable contents on blog
Share -> Allows you to share your blog contents to social networking sites
Next Blog -> Takes you to a random and recently-updated Blogger blog
[email address] -> Displays your email address in case you are logged-in
Dashboard -> A link to your Dashboard if you are logged-in.
Sign in/out -> Used to sign in/out from your Blogger account.

Sometimes you want to get rid of this navigation bar. Here in this post I will explain how you can remove/hide this Navbar. Following are the steps -

From Dashboard, go to Layout --> Edit HTML
Select Expand Widget Template checkbox
Search for "]]></b:skin>"
Copy and paste the following line just before "]]></b:skin>"

#navbar { display: none; }

#navbar-iframe { display: none !important; }

Save the template and you are done. Open your Blog's URL in browser and you will not see the navigation bar anymore on top of your blog. If you want this navigation bar back, then simply remove this newly added line and it will appear again.

Note: This tips is only applicable to New Blogger Widgetized Template

Related Posts:

Add Stylish Sharing is Sexy/Caring Social Bookmarking Widget in Blogger

2010-03-20T12:32:00.000-07:00

You must have noticed Sharing is sexy/caring social bookmarking autohide widget on many blogs and websites. This widget is very different than other available social bookmarking buttons. The graphics looks very stylish and different. The button of this widget has autohide effect when hover on it. All that makes it a must have widget for any blog. Here in this post, i will explain how you can add Sharing is sexy widget to Blogger blog after every post.

Following are the steps to add it in Blogger-

From Dashboard, Go to Layout---> Edit HTML
Click on Download Full Template link and take the backup of your existing template and then check the Expand Widget Templates checkbox.
Search for "</head>"
Copy and paste the following code just before the "</head>"

<style type='text/css'>

div.beauty-bookmarks {

height:54px;

background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;

position:relative;

width:540px;

}
div.beauty-bookmarks span.beauty-rightside {

width:17px;

height:54px;

background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;

position:absolute;

right:-17px;

}

div.beauty-bookmarks ul.socials {

margin:0 !important;

padding:0 !important;

position:absolute;

bottom:0;

left:10px;

}

div.beauty-bookmarks ul.socials li {

display:inline-block !important;

float:left !important;

list-style-type:none !important;

margin:0 !important;

height:29px !important;

width:48px !important;

cursor:pointer !important;

padding:0 !important;

}

div.beauty-bookmarks ul.socials a {

display:block !important;

width:48px !important;

height:29px !important;

font-size:0 !important;

color:transparent !important;

}

.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-yahoo, .beauty-yahoo:hover, .beauty-blinklist, .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover, .beauty-mixx, .beauty-mixx:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover, .beauty-email, .beauty-email:hover {

background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important;

}

.beauty-furl {

background-position:-300px top !important;

}

.beauty-furl:hover {

background-position:-300px bottom !important;

}

.beauty-digg {

background-position:-500px top !important;

}

.beauty-digg:hover {

background-position:-500px bottom !important;

}

.beauty-reddit {

background-position:-100px top !important;

}

.beauty-reddit:hover {

background-position:-100px bottom !important;

}

.beauty-stumble {

background-position:-50px top !important;

}

.beauty-stumble:hover {

background-position:-50px bottom !important;

}

.beauty-delicious {

background-position:left top !important;

}

.beauty-delicious:hover {

background-position:left bottom !important;

}

.beauty-yahoo {

background-position:-650px top !important;

}

.beauty-yahoo:hover {

background-position:-650px bottom !important;

}

.beauty-blinklist {

background-position:-600px top !important;

}

.beauty-blinklist:hover {

background-position:-600px bottom !important;

}

.beauty-technorati {

background-position:-700px top !important;

}

.beauty-technorati:hover {

background-position:-700px bottom !important;

}

.beauty-myspace {

background-position:-200px top !important;

}

.beauty-myspace:hover {

background-position:-200px bottom !important;

}

.beauty-twitter {

background-position:-350px top !important;

}

.beauty-twitter:hover {

background-position:-350px bottom !important;

}

.beauty-facebook {

background-position:-450px top !important;

}

.beauty-facebook:hover {

background-position:-450px bottom !important;

}

.beauty-mixx {

background-position:-250px top !important;

}

.beauty-mixx:hover {

background-position:-250px bottom !important;

}

.beauty-script-style {

background-position:-400px top !important;

}

.beauty-script-style:hover {

background-position:-400px bottom !important;

}

.beauty-designfloat {

background-position:-550px top !important;

}

.beauty-designfloat:hover {

background-position:-550px bottom !important;

}

.beauty-syndicate {

background-position:-150px top !important;

}

.beauty-syndicate:hover {

background-position:-150px bottom !important;

}

.beauty-email {

background-position:-753px top !important;

}

.beauty-email:hover {

background-position:-753px bottom !important;

}

</style>

--------------------------------------------------------------------------------
Once done, search for line "<data:post.body/>" then copy and paste the following code just after this line.

<b:if cond='data:blog.pageType == "item"'>
<div class='beauty-bookmarks'>

<ul class='socials'>

<li class='beauty-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-twitter'><a expr:href='"http://twitter.com/home/?status=Chk Out-" + data:post.title + " " + data:post.url' target='_blank'/></li>

<li class='beauty-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='beauty-syndicate'><a href='http://feeds.feedburner.com/MobileTweets' title='Subscribe to RSS'/></li>

<li class='beauty-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

</ul>

<span class='beauty-rightside'/></div>

</b:if>

----------------------------------------------------------------------------------
Replace the text http://feeds.feedburner.com/MobileTweets to your blog's feed URL and then save the template. Check any of your blog post and you will see cool "Sharing is sexy" social bookmark buttons right after the contents of the post.

Related Posts:

Experience Infolinks - Single Dotted Line vs Double line

2010-01-15T11:40:00.000-08:00

In my last post, I tried to put a real comparison between poor Kontera and great Infolinks ads service. In this post i will try to put here my experience with the different types of ads Infolinks provides. Infolinks provides In Text ads in two variants: Single dotted line and double line.

According to Infolinks, the double line ads will perform better than single line ads in most cases because with double line ads, they will be able to provide more relevant and premium ads. They also run a campaign "Double with a Bubble". You can check following video from Infolinks-

Talking about my experience, it was opposite of what Infolinks suggests. From the begining, i was using single dotted line in all my websites and CTR was good and i was getting fair amount of money as well. As per Infolinks suggestion, i changed single dotted line to double line and my CTR dropped from the same day. I continued it more than a week but there was no improvement. The amount I was getting in later case was less than what i was getting earlier. Then i decided to move to single dotted line again and from very next day, I saw a jump in CTR and the amout at the end of the day. The same trend is continue till now.

I am not sure what is the reason but single dotted line is working really great for me. For me, I guess, Single dotted line looks more a part of my website and does not divert the mind of my reader.

About Infolinks:

Infolinks is the highest paying In Text ads network. I would recommend every publishers to try Infolinks on their websites and I am damm sure you would not regret your decision.

The integration with your site is very fast and easy too. The Infolinks support is superb with quick response to any of your query. You can sign In to Infolinks to display ads on your site..

If you also had some experience with double vs single line ads of Infolinks, then share your experience here with everyone. That might be helpful for others deciding the ads type to display in their blogs of websites.

Happy earning with Infolinks!!

Make More Money with Infolinks Bye-bye Kontera

2009-12-20T04:23:00.000-08:00

If you are a publishers then you would always be looking for an ads network that pays well for the efforts you put in your website. I am using Google Adsense on all my websites because its simply the best Ads network exist for small to large publishers. Along with Adsense, i thought of trying in-text ads from Kontera in order to make few extra bucks. Now I am saying bye-bye to Kontera because it was the worst perfomer for my sites. First I want to show you my Kontera earnings of last 6 months, then i will talk about Infolinks, the ads network of my choice.

This was my earnings for the period (7/7/2009 to 12/10/2009). Now you can imagine how poor the performance of Kontera is. To get the minimum payout which is $100, i guess it will take another 7 months. $100 in a year with Kontera when the average impression is 3K-4K/day.

Leaving behind the Kontera, Lets talk about Infolinks. What Infolinks says about self is-

Infolinks presents the next generation of In-Text Advertising, leading the industry with the most relevant in-text advertising links and the highest revenue share - guaranteed.

When I got to know about Infolinks, I thought of giving it a try on my website. I removed the Kontera on one of my site and put Infolinks there and you would not believe that Infolinks from the very first day, paying me much-2 more than what Kontera. The points i noticed after applying Infolinks on my site were-

Speed of Site: Kontera was making my site slow while with Infolinks my pages were loading much faster.
Nunber of Ads Impressions: Since both Kontera and Infolinks are in-text ads, so i would expect both of them to have more or less same number of ad impressions but the ad impressions with Kontera was way too less than Infolinks.
Earnings: After applying Infolinks, I realized that i was earning pennies with Kontera. Infolinks is converting 5-6 times better than Kontera. The following image will show my Infolinks earning of about less than 15 days.

This was my earnings for the period (07/12/2009 to 18/12/2009). As you can see i have earned $21.37 in just 12 days and according to this average, I would accumlate around $320 in six months, 7x of my Kontera earnings.

I guess it is enough for you to decide between Kontera and Infolinks. So Bye-bye Kontera and welcome Infolinks.

Related Posts:

Website Worth Calculator: What is The Worth of My Website?

2009-09-29T10:57:00.000-07:00

If you own a website or blog, I am sure you must have visited the sites telling you what the worth of your website or blog is. Many of us might always be interested to know the monetary value of their website, might be for the purpose of selling it. There are many ways to calculate the worth of any website. It could be a combination of number of incoming links, your Google/Yahoo/Bing rank and back links, your Alexa rank, number of indexed pages in search engines and many more.

Most of the website worth calculator website are buggy and shows no relevant data. I tried some of them and i want to share those result with you. Here is the result of my blog worth calculation by different calculator websites.

CubeStat

Website Worth: $8,464.35

Daily Pageviews: 3,865

Daily Ads Revenue: $11.60

MyWebsiteWorth

$ 3,864 *

WebsiteOutlook

dailytechnologytips.com Estimated Worth $10687.2 USD

Daily Pageview 4303

Daily Ads Revenue $14.64

directory.sootle

Your website at http://www.dailytechnologytips.com/ is worth $15,108.00

This site is my favourite :) Always keep me on the higher side :)

Websitevaluecalculator

Your site is worth $103

WebsiteValued

Visitors 0
Ad. Revenue $0
Sales Revenue Not Provided
Subscribers Not Provided
Operating Costs Not Provided

Seems like a poor guy, need to work on his website. :)

ValueMySite

dailytechnologytips.com" is worth $2,552 USD

Pageviews per day: 3,466

Daily revenue from ads: $9

UrlWorth

www.dailytechnologytips.com
Value: ($0)*

Again seems a poor guy :)

These were some of calculator websites I found on the very first page of Google search for the term Website Worth. Now you can have an idea about the correctness of such websites. My idea behind showing you these websites here to just let you know that all these sites does not have any accurate data and such results are good only for fun and not in real.

Related Posts:

5 Easy Tips to Become a Successful Blogger

2009-09-27T22:18:00.000-07:00

I have seen in past that many people just start blogging on anything without a planning and ends with nothing. There is no success without proper planning until you are lucky enough. Here are few points I observed while writing for many years. These points should help new bloggers to do well in the field of blogging.

What's your interest?

This is the very first question you should ask to yourself while going to start writing. The best output will come with the subject you are most interested with. You will be able to do justice with the blog if you write about your interest. Blogging is not an easy job, you need to dig into it to get the best out of it. If something is of your interest, you will dig into it deeper and deeper and that will help you to become good in writing about it.

What can you give to your readers?

That's another very important question you should ask to yourself while entering into blogging. Readers visiting to your blog will be looking for something to take it with them. It could be a nice article, a nice tip, something new or interesting to download. You should always think of giving something to your readers. Each time you are going to write something, just think for a second that what I can give to my readers. This will help building a regular interest between your blog and blog readers.

Can your writing create interest among readers?

That's another point of concern while writing. You should focus on developing interest among your readers towards your blog. This helps in building long lasting relation between blog and its readers. If you are not able to bring interest to your readers, they will not come back to your blog. Revisit to your blog by any reader will depend on how well your writing is. With good writing you can indirectly force them to revisit your blog and they will happily revisit your blog if they found it interesting.

Are you learning everyday?

So you are all set for writing, you did some research about your interest, you know that you can give interesting writing to your readers. Now it’s time for learning. Yes, in every field you will find many successful people who has made his fortune with their sincere efforts, they have given something to the community and people know them for what they do. Your job is to learn the success mantras from such people every single day. More you learn, more you can offer to your readers. Learning is very important for reaching to top in your field.

Are you focusing on your objectives?

I am sure many of us have some objectives associated with the blogging. Some of us just write because writing is their interest and they just want to share good/bad things to rest of the world. There are people who has clear objective in their mind with respect to their blog. You have to focus more and more on your objectives with every other post you make on your blog. Clear focus will help you to achieve your objectives at the earliest.

You too can become a successful blogger. Just put sincere efforts towards your blog, don't try to make fool to your visitors. Provide the things what they are actually looking for. Build a never lasting relation with your readers.

Related Posts:

Remove Blogger XML Error The reference to entity XXX must end with the ';' delimiter"

2009-07-24T22:06:00.001-07:00

Few days back, i wrote a post How to add Tweet This button to Blogger. But when people tried the instructions posted in my blog. There was an error The reference to entity XXX must end with the ';' delimiter". It's a very common XML error you may face while working on your blog template. Here is the solution if you are facing this error.

The Original Code which may generate this error:

The modified Code which will remove this error:

So all you have to do is to replace the & with & and everything will work fine.

Related Posts:

How to Add FeedBurner Subscribe Link After Every Post in Blogger

2009-06-20T03:10:00.000-07:00

Want to give your readers, a choice to subscribe your blog rss feed when he visit your blog and found any article useful. You can do that just by adding a feedburner subscription link after every post in blogger. Here in this post, i will explain the way to add subscription link.

Step 1: Go to "Layout" tab and then click "Edit HTML".

Step 2: Click on "Download Full Template" to take a backup of your template before making any changes.

Step 3: Now select "Expand Widget Templates" checkbox and search for the line "<p><data:post.body/></p>" in your blog template.

Step 4: Copy the text given below and paste it just after the line mentioned in step 3.

Step 5: Replace the URL "http://feeds2.feedburner.com/nokia5800downloads" to your blog feedburner URL and replace the text "Nokia 5800 XpressMusic Downloads" to your blog title.

Step 6: Save the template and check. You will see a link after every post as shown in the following image.

Hope you found this post quite useful, keep visiting for more tips and tricks for Bloggger.

Related Post:
5 Ways to Increase Google Adsense CTR, Make Money

5 Tips to Increase Google Adsense CTR

2009-06-18T11:20:00.000-07:00

Click-through rate or CTR is a way of measuring the success of an online advertising campaign. A CTR is obtained by dividing the number of users who clicked on an ad on a web page by the number of times the ad was delivered (impressions). For example, if a banner ad was delivered 100 times (impressions delivered) and one person clicked on it (clicks recorded), then the resulting CTR would be 1 percent.( Source: Wikipedia )

That was the definition of CTR, Now here are few tips to increase the CTR of Google Adsense, so that you can earn more revenue from this service.

Tip 1: Blend Ad is the easiest way to increase the CTR of Google adsense. Blend ads give a feeling to the visitors that the ads are the part of information and visitors click on those ads.

Tip 2: Adsense placement is another factor that plays in your adsense earning. The placement of the ads should be in such a way that it should be visible to everyone coming to your website or blog. it should be placed on the area where traffic is high.

Tip 3: Traffic is very important to increase the CTR of Google Adsense. More traffic you get, more number of clicks will be generated.

Tip 4: Experiment with your existing adsense placement. Keep on experimenting till you reach to a level, where you can decide which placement is better.

Tip 5: Content is very important. You should have interesting contents on your blog or website. Attractive contents let visitors lost in your blog or website. Quality contents can sure bring higher CTC to your adsense.

Hope you found this article useful. Keep visiting for more tips.

Related Posts:
Tips to Make Your Blog or Website Popular
How to Bring Traffic to Your Website
Google Adsense Ads Below Post Tiltle are Allowed

How to Embed MP3 File in Blogger Blog Post

2009-06-17T11:00:00.000-07:00

Sometimes we need to embed MP3 files in order to better explain the topic of the blog post. Since Blogger does not provide you this functionality, I will explain here the way by which you can embed MP3 files along with player in your blog post.

First of all, you need to upload your mp3 file in some website. You can use any free service. You can upload this file to either GooglePages or Google Groups or any other service. Once you have your file hosted on any website, you have to copy the below code and paste in your blog post. The mp3 will be available on your post. Visitors will be able to listen it on your blog or website.

When you are done with paste, you need to do the following changes. Replace external_url with the actual URL of your mp3 file as shown below in bold.

external_url=http://nokia5800downloads.googlegroups.com/web/Sample_Alarm.mp3?gda=nufKK0IAAABq1eT77FCOhvdFEYW8xGDm60ac-OiL7U8VlXgasvILQpzNizyTJLGSkOa9V5TnVoRV4u3aa4iAIyYQIqbG9naPgh6o8ccLBvP6Chud5KMzIQ

This will display a MP3 player on your blog post. This player service is provided by Odeo. You can see it in action below.

Related Post:
Know How to Add Tweet This Button to Blogger

How to Add Tweet This Button to Blogger

2009-05-08T10:41:00.000-07:00

Twitter is one of the fastest growing website and it's hot destination for website owners to deliver fresh contents to the world. Here in this post, i will explain the process of adding a 'Tweet This' button to Blogger, so that your blog visitors can tweet your blog posts.

Step 1: Go to Layout tab in your blog and then Edit HTML and then click on "Download Full Template" link to first save your blog template.

Step 2: After saving the template click the check box "Expand widget templates".

Step 3: Search for the string "<div class='post-footer'>" in template.

Step 4: Copy and paste the above code snippet below the line mentioned in step 3.

Step 5: Save your template. and check your blog. TweetThis button will be there and it will look like the following picture.

With Tweet This button, You can now bring more traffic to your blog.

Related Posts:
Tips to Add FriendFeed Badge to Blogger
Add Share on FriendFeed Button to Every Post in Blogger

Google Adsense Ads Below Post Tiltle are Allowed

2009-05-02T01:42:00.000-07:00

Here is a point of discussion that we should do it or not. I personally feel it really great for good CTR. But at the same time, It's against TOS of Google, if did not clearly put any text above ads or tried to confuse the visitors of your blog or website. Blogger only provides you option to put ads between posts. A bad and against TOS example to have ads just below the post is shown in the following image provided as an example from Google team.

In this image, there is nothing between post title and ads, which confuse visitors and give them wrong impression of having actual information rather than ads. So never try this way of having ads on your website just to increase your CTR. So what are the other ways to have ads below the post titles without violating TOS of Google. Following images shows how you can do that in a fair way.

Both the images put some text before the ads begins. The right hand side example image is much better than the left one. What Google says is that

Ads shouldn't be placed under a title or section heading in a way that implies that the ads are not ads.

So you can keep the ads below the post but keep TOS in mind otherwise it will not just increase your CTR but also ban your adsense account.

Related Post:
16 Tips to Make Google Friendly WebPage

How to Bring Traffic to Your Website

2009-04-14T03:22:00.000-07:00

In this post, I am going to write a simple tip or rather say an advice that can bring noticable amount of traffic to your website. The idea, i will focus on this post is about the subject or the topic of the website.

Just writing about anything will never bring you the traffic untill you do something really crazy. All you have to do is to select a hot selling topic for your website. People always find the things on internet which are new and not yet explored. So you need to write about such things. Other than a plain post, try to provide your reader, something to download, so that they can find your website useful enough to visit again.

Don't forget to add a simple text file which contains the link to your blog or website, in your download. This will leave a back link of your website in that person's pc. Don't just write about anything. Always write about new

How to add Yahoo! Messenger status button to Blogger

2008-09-15T21:50:00.000-07:00

You can add Yahoo! Messenger online button to your blogger blog to let other people contact to you when they visit to your blog. You can display your Yahoo! Messenger status (online/offline) to your blog visitors using these buttons. The code to add in your blog is-

You need to replace text "YOUR-YAHOO-MESSENGER-ID" with your actual Yahoo! Messenger id. You have choice of showing different button styles as well. Just change the variable "t" value in above code to either 0, 1, 2 or 5. You can see the button style from the image given below.

In order to add either of these Yahoo! Messenger status button to your Blogger blog. Go to dashboard of your blog, click on Layout tab and then click on add a gadget button and select HTML/JavaScript as instructed in the image below.

Just copy the code from here and paste it and don't forget to change YOUR-YAHOO-MESSENGER-ID to your actual Yahoo! id as mentioned above.

---------------------------------------------------------
If you found this article interesting, please subscribe to my blog RSS feed to get latest blogging tips and tricks.
---------------------------------------------------------

Tips to Add FriendFeed Badge to Blogger

2008-08-28T08:42:00.000-07:00

FriendFeed, the popular social aggregator website has recently launched some cool widgets that you can put into your blog to show your visitors, the services you use and your FriendFeed activity. In my last post, i explained the way to add Share on FriendFeed Button to Every Post in Blogger. In this post, i will explain how you can add FriendFeed badge in your blog. You can see the image below to know how this badge will look into your blog. You can also see this badge in the sidebar of this website.

This badge is customizable. It means you can fit this badge to suit the style of your blog. You can make your picture small, medium or large. You can show/hide Logo, Picture, Services, Stats and Subscribe link in this badge. You can set the width of the badge as well. To add this badge to your Blogger blog, following are the steps.

Step 1: Login into your Blogger account using your Blogger username and password.

Step 2: Click on Layout link from your dashboard, you will see Add and Arrange Page Elements under Page Element tab. See the image below for your reference.

Step 3: Click on "Add a Gadget" as suggested in the above image. and select HTML/JavaScript from the popup dialog as given in the image below.

Step 4: Copy any of the script given at the end of this post and paste it in your blog as instructed the image below.

Below are the customized script for FriendFeed badge. Before you paste this script to your blog, please replace the FriendFeedNickName in this script with your actual FriendFeed Nickname.

Style 1: Default with all options enabled

Style 2: NO FriendFeed Logo

Style 3: NO Picture

You can make large number of combinations depend on what you want to show/hide in your badge. You can follow FriendFeed's embed badge page to get more customized scripts. You can directly install this badge into your Blogger blog from this page.

---------------------------------------------------------
Note:- If you found this article helpful, please subscribe to my blog RSS feed to get latest Technology, Blogging tips and tricks.
---------------------------------------------------------

Add Share on FriendFeed Button to Every Post in Blogger

2008-08-28T03:09:00.000-07:00

In a series of my posts about adding different services to your blog, this post will explain how you can add Share on FriendFeed Button to every post in Blogger. FriendFeed is very useful Twitter kind of service that let you share your upadtes (Twitter, Linkedin, YouTube, Google Reader, SlideShare, Digg, Picasa, Flickr) at a single place to your friends.

With the help of Share on FriendFeed Button, you can give your website visitor a chance to share your post to their FriendFeed.

Step 1: Login into Blogger with your username and password

Step 2: From your dashboard, click on Layout link as suggested in the image below.

Step 3: Click on Edit HTML tab and follow the instructions given in the image below.

Step 4: Search for line <div class='post-footer'> in your template text area. Follow the image below for your reference.

Step 5: Copy and paste any of the script given here just below the line <div class='post-footer'> and save your template.

Style 1: Share on FriendFeed

Style 2:

---------------------------------------------------------
Note:- If you found this article interesting, please subscribe to my blog RSS feed to get latest blogging tips and tricks.
---------------------------------------------------------

See Also:-
Tips To Add Digg This Button To Every Post in Blogger
Add Reddit Button to Every Post in Blogger
How to Add Yahoo! Buzz to Your Website to Get Huge Traffic

Add Reddit Button to Every Post in Blogger

2008-08-27T01:40:00.000-07:00

In my previous posts, i discussed the way to add Digg this button and Yahoo! buzz button to every post in your Blogger template. In this post, i will explain the way to add Reddit button to every post in Blogger. Reddit is a popular social bookmarking site and adding a Reddit button to your blog can give your blog readers, a chance to bookmark the interesting posts of your blog.

Reddit provides 3 kinds of buttons to choose from. You can see these 3 different button styles in the image below. The state of the buttons will change once someone submits the blog post to Reddit. I will show the changed button states later in this post.

You can choose the button style, which suits to your blog layout. I have provided here the customized scripts for Blogger blogs. You can select either of the script and can add it into your blog. In case, you don't know where to put this code in your Blogger template, you can follow the post Tips To Add Digg This Button To Every Post in Blogger

Style 1:

Style 2:

Style 3:

These scripts are customized for Blogger. If you are using any other blog platform, you just need to provide URL of the post to reddit_url and title of the post to reddit_title in the above script.

When any visitor of your blog will submit your blog post to Reddit, the button state will change. You can see the changes in the image below.

Having a Reddit button to every post in your blog is a good idea and it can bring good referral traffic to your blog. You can also visit Reddit webpage to learn more about Reddit buttons.

---------------------------------------------------------
Note:- If you found this article helpful, please subscribe to my blog RSS feed to get latest Technology, blogging and SEO tips.
---------------------------------------------------------

How to Add Yahoo! Buzz to Your Website to Get Huge Traffic

2008-08-19T18:40:00.000-07:00

Recently Yahoo! Buzz from Yahoo Inc. opened for everyone. Yahoo! Buzz can be a good choice for all webmasters looking for new ways to increase their website traffic. The nature of Yahoo! buzz is pretty much similar to Digg, but the reach of Yahoo! is much more than any other website. In this post, I will explain how to add Yahoo! buzz to your website.

Yahoo! provides buttons for a publisher who wants to be a part of Yahoo! buzz. These buttons are pretty much similar to other social bookmarking buttons such as Digg it button, delicious button or Slashdot button. Yahoo! buzz provides you more than 14 types of buttons ranging from smaller to large in size to suit with the style of your website. You can get the button code of your choice from http://buzz.yahoo.com/buttons. You can see two Yahoo! buzz buttons on the left side with their code on the right side in the image below.

I would recommend a button which provide all of these functionalities given below.

Provide a story’s headline upon submission.( yahooBuzzArticleHeadline )

Provide a story’s summary upon submission.( yahooBuzzArticleSummary )

Provide a story’s category upon submission.( yahooBuzzArticleCategory )

Provide a story’s media type upon submission(yahooBuzzArticleType )

Automatically pull the URL associated with the page where the button lives upon submission.( yahooBuzzArticleType )

The code for this button is given below. Just copy and paste it to your website after changing the above options according to your need.

yahooBuzzArticleHeadline is your story headline.

yahooBuzzArticleSummary is your story summary.

yahooBuzzArticleCategory is your story category in which you want it to submit. The possible categories are- business, entertainment, health, images, lifestyle, politics, science, sports, travel, usnews, video, world-news

yahooBuzzArticleType is the media type of the story. The possible media types are- text, image, video

yahooBuzzArticleId is the URL of the story.

If you have a blog, you want to add Yahoo! buzz button to each blog post. You can follow my post Tips To Add Digg This Button to Every Post in Blogger. You just need to place Yahoo! buzz script given above in place of Digg script. Blogger blogs can use any customized scripts given below. First one will create a large button with vote count and second one will have all the options as discussed earlier.

Yahoo! Buzz can bring huge traffic to your website, if your story gets a chance to appear on Yahoo! main page.

---------------------------------------------------------
Note:- If you found this article interesting, please subscribe to my blog RSS feed to get latest blogging tips and tricks and don't forget to buzz this story
---------------------------------------------------------

See Also:-
Tips To Add Digg This Button To Every Post in Blogger
Your Success with Yahoo Search Engine - Drive Traffic

How to Report a Website or Blog to Google

2008-08-17T04:35:00.000-07:00

Is your website being copied? Did you see SPAM results in Google search? Did you see a blog or website that is violating the Google AdSense Terms of service (TOS)? If you are looking for the ways to contact Google in order to report any of these problems listed above then this post will help you.
In this post, I will explain several possible ways to contact Google to report a website or blog.

Google Search Results: If you want to report a website to Google, which is appearing in Google search results against a search keyword and that website is having serios problems such as Hidden text or links, Misleading or repeated words, Page does not match Google's description, Cloaked page, Deceptive redirects, Doorway pages, Duplicate site or pages or any other problem. You have two ways to report such website to Google.

Authenticated Form in Google Webmaster. It requires Google account. You need to login into Google webmaster in order to report for a blog or website.

unauthenticated form. You don't require Google account. You can report a website to Google.

Below image can give you an idea of the information you need to fill in order to report a website to Google.

Your report will help Google to improve search results.

Copyright violation: As I wrote earlier, if someone is stealing your copyright contents, you can always submit notice to Google to remove that site from their search index. Such complaint comes under Digital Millennium Copyright Act. You can read here more about how to file a DCMA complaint against a website.

SPAM Blog Reporting to Blogger: If you want to report a SPAM blog to Google, You can report it from http://help.blogger.com/?page=troubleshooter.cs&contact_type=Spam. You need to enter the SPAM blog URL as shown in the image below.

You can also report SPAM blog with the help of Blogger navigation bar with every Blogger blog. See the image below to know how to report SPAM blog. Many bloggers hide this default navigation bar. For such blogs, earlier method of reporting can be used.

Google AdSense Policy Violation: If you notice a website or blog which is violating the Google TOS. You can always report to Google AdSense team. There are two ways to achieve that.

Fill Policy Violation contact form.
Ads by Google link in Google ads. Process explained below.

You can always report AdSense policy violation to Google from the site itself, where Google ads are being displayed. See the below image for the process of doing this.

As shown in above image, when you click on Ads by Google link in any AdSense unit being displayed. It will take you to a new webpage. From this webpage, you can send a policy violation report to Google. Follow the image below to check this webpage.

---------------------------------------------------------
Note:- If you found this article useful, please subscribe to my blog RSS feed to get latest Google tips and tricks or leave your comments here.
---------------------------------------------------------

How to Add Google Adsense for Feeds

2008-08-14T16:44:00.000-07:00

Google just opened Adsense for Feeds. Now you can place relevant ads in your blog or website feeds. In this post I will explain the process of adding Google Adsense in your feeds.

Step 1: Login into your Google Adsense account with your adsense username and password.

Step 2: Click on "AdSense Setup" tab and you will see "AdSense for Feeds" option along with Adsense for content, search , referrals and mobile. Follow the image below.

Step 3: Click on Adsense for Feeds link and you will be navigated to a new page to create your ad units for feeds. Follow the image below.

Most of the options in the above image are same as in other ad units such as Ad Type, Frequeny, Post Length and feed position. You can also create channel to track the performance of ads unit.

Step 4: At the bottom of the above image, you must have noticed a text "You have no feeds in your account yet". This tells that you don't have feeds in your Google account. If you have an account with feedburner.com, you can go for migrating your feeds to Google.

In order to use Google ads in your feed, you either need a feedburner account or you can burn a new feed as the option given in the bottom of the above image. Currently, the process of migrating feeds from your feedburner account to Google account is manual.
You can follow Migrating to a Google Account in order to use AdSense for feeds to proceed for the migration.

Step 5: If you don't have account with feedburner, you can burn your feed right there from your adsense account. Check the above image, you will find a link at the bottom of the image with text "burn a new feed". Click on this link and you will see a popup requesting for your blog or feed URL. Follow the image below.

Click on next button as given in the image, if you have more than one feeds, it will prompt you to select any one from the available feeds. Just select feed and press next button. Now save your ad units by using save button at the bottom (See image in step 3 for your reference) and you are done.

Below video from Google will provide introduction of Adsesne for feeds.

You can also read official Google article What is AdSense for feeds? to get more details over adsense for feeds.

---------------------------------------------------------
Note:- If you found this article useful, please subscribe to my blog RSS feed to get latest tips and tricks or leave your comments here.
---------------------------------------------------------

Best Google PageRank Checker Tools

2008-08-12T23:31:00.000-07:00

Google PageRank, the green bar from Google for billions of websites over the internet. This green bar is making crazy to millions of webmasters around the world. Here in this post, I will write about the best Google PageRank checker tools available over internet that works just fine with less or no problems.

1: Google PageRank Checker is the best PageRank checker website with fast and correct results. This website offer free service to check Google PageRank of any website.

This website also allow you to generate Google PageRank button which can be used to check the PageRank of every page of your website right on your website. You just need to get the generated code and put into your blog or website. You can see this in action from the left sidebar of this website.

This website also provide you PageRank checking tool that you can embed in your website to let others check their PageRank from your website. You can see that tool in action below.

Check Page Rank of any web site pages instantly:

This free page rank checking tool is powered by Page Rank Checker service

2: Dig PageRank is another cool website which tells the current Google PageRank value of your website in over 700 datacenters. The speed of this website is quite fast and results are accurate.

This website is very useful specially when Google PageRank update takes place. You can see the difference in PageRank values in different datacenters.

3: Xinu Returns is another good website thats not only tell about your Google PageRank but also the screenshot of your website, the Alexa ranking, Technorati authority, Dmoz directory listing, number of indexed pages in Yahoo!, Google, Google Images and Live, Number of backlinks in Yahoo!, Google, Live, Ask and many more. The best thing about this website is that it provides everything about your website to you.

You can know the number of social bookmarks in different social bookmarking websites, number of RSS feed subscriber according to feedburner subscriptions, your website diagnosis and W3C validation as well as your domain information. If you will select all these options together, the speed will be little slow, so you can select and deselect the options according to your requirements. The user interface is a Web-2.0 clean interface.

4: SEO Centro Google Datacenters (DC) PageRank (PR) Check tells your Google PageRank value in 30 datacenters. Enter the URL and the security code and let it go.

The performance of this website is acceptable. They provide other PageRank check options such as Google PageRank checker for multiple URL's

There are other tools also on the internet that tells the Google PageRank of your website, but I found the above listed tools very useful in terms of speed and accuracy. You can always check the exact Google PageRank value of any webpage if you have Google Toolbar installed in your browser. Just visit that page and check the green bar.

---------------------------------------------------------
Note:- If you found this article useful, please subscribe to my blog RSS feed to get latest blogging tips and tricks or leave your comments here.
---------------------------------------------------------

Blogger Blogs Powered With iGoogle Gadgets

2008-08-11T23:18:00.000-07:00

Blogger, the popular blogging platform from Google today made a significant change in it's interface. With new user interface, people will be able to integrate iGoogle Gadgets into the blog sidebar. Blogger has added a new Gadget directory for you to choose from thousands of iGoogle Gadget.

Now the option "Add a page Element" is no more thee when you add something to your blog. It's now renamed to "Add a Gadget". You can see the new interface in the image given below.

When you will click on "Add a Gadget" button, the new interface will be available and you can see from image given below, how it looks like.

Here is a official video from Blogger giving you a complete tour of new changes in Blogger.

Source:-
Blogger Buzz: Spice Up Your Blog with Google Gadgets!