Make Money With Your Blog and Google AdSense

AdSense is a great way to get paid for doing what you love to do: blogging! AdSense allows you to show targeted ads on your blog and earn revenue from your traffic. It also helps your visitors find things they may be interested in, based on the content of your blog posts. Best of all, AdSense is free and you have the option to remove the ads at any time.

The AdSense system shows ads relevant to the content of your blog and you can easily customize the look and feel of the ads to match your blog. If your blog is about fashion, you may show ads for shoe designers or clothing stores. If your blog is about cars, you may see ads for car dealerships or auto shops. Using filters, you can have control over the content of the ads you display by choosing to block categories of ads or even specific advertisers.

With the free suite of powerful AdSense reporting tools, you can pull detailed reports that will help you track your revenue and identify opportunities to earn more money. You can see earnings by day, page, domain or specific ad unit and can also use Google Analytics to see the source of your traffic and earnings.

Adding AdSense to your blog is easy. Just follow these steps:

1. Log in to Blogger, choose your blog, and go to the “Monetize | Set up AdSense” tab.
2. Choose where you want to show your ads on your blog and hit “Next.”
3. If you’re new to AdSense, follow the easy online steps to sign up for a new AdSense account. If you already use AdSense, you can log in to AdSense and link your Blog to your AdSense account.

If you’re using a Classic template, you can add AdSense to your blog by following the steps outlined here.

To learn even more, come take a tour with Google AdSense.

New Gift From Blogger

Although some of you use Google Analytics or other third party tools to track your blog traffic, many of you have requested an easier-to-use, fully-integrated stats feature for Blogger. We heard that, and we are excited to announce that Blogger in Draft now has built-in stats. Just go to Blogger in Draft, and you'll notice a new "Stats" tab. You don't have to install or configure anything to start benefitting from Stats.

The coolest thing about the new Blogger Stats is that it monitors and analyzes your visitor traffic in near-real-time. You can see which posts are getting the most visits and which sites are sending traffic to your blog right now. For example, if a reader shares one of your blog posts on Twitter and the post is getting lots of clicks, you will see a traffic increase in Blogger Stats almost instantly, with the particular Tweet mentioning your post being identified as the traffic source. Of course, traffic data across longer time periods (day/week/month) and all-time historical data are available as well.

There's also a lot more data that's being tracked, such as popular search keywords that send visitors to your blog, which country your visitors come from, and which web browsers they are using. Basically, with the new Stats feature, you know what's going on with your blog right now.

The new Stats feature shows all of this data in a simple, easy-to-understand graphical user interface. Since Stats are part of Blogger, you don't have to sign up for another service, or embed any code in a gadget.
Additionally, if you want the enterprise-level power and flexibility of Google Analytics, you can still use it, as outlined in this Help Center article. Note that the pageview data in Blogger Stats and in Google Analytics may not be identical, due to different collection mechanisms used. Also, Blogger Stats do not support private blogs for now.

Blogspot Bloggers Official Sharing Buttons

Blogger has been rolling out new features to improve the looks and usability of the blogs. Blogger is now testing out a new Social Sharing icon set consisting of Email, Blogger,Twitter(with goo.gl shortener),Facebook and Google buzz buttons. The set looks simple and elegant with some cool mouse over effects. These Sharing buttons are still in draft(still not published on the official draft blog) and so wont be available in your regular dashboard.If you need to take a peek at these new sharing icons, then take a look at my post page(and try sharing it :P ).

You are still reading. So  i guess that you are really interested in implementing these Sharing buttons on your Blogger Blog.

Then don’t wait. Just follow these simple steps

• Login to Your Blogger in Draft Dashboard at http://draft.blogger.com
• Go to Design > Page Elements and Click on the Edit Button near the Blog Posts Gadget and check the “Show Share Buttons” Option

• You can Drag and Drop the Share buttons and place it where you want.

• Now if everything went right, then you should be able to see the Share buttons on your Blog. If not then read on. :)
• If it didn’t appear then don’t worry, That is because you are having a modded template. Just Got to the Edit HTML page under the Design Tab and locate 

<p class='post-footer-line post-footer-line-3'>

Or if that is not there then find

<div class='post-footer-line post-footer-line-3'>

and place the following code just below any of these lines[whichever is present in your template].

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

and Save your template.

Optional Tweaks

• Show the Sharing Buttons on Post pages only - Find the Following Code in your template

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

and wrap it within conditional tags as

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>

• Hide Some of the Sharing Buttons – If you want you can hide some of these buttons using CSS. For example to hide the Blogger sharing button, add the following code above ]]></b:skin> in your template 

.sb-blog{display:none}

sb-email , sb-twitter, sb-facebook, sb-buzz and sb-blog are the different Button Classes. If you hide the mail or  buzz buttons, then it might look a little bad as these have rounded edges,

Google Buzz share count button for Blogger / Blogspot blogs

Integrate Google Buzz Button in Blogger with some simple hacks is very easy now. After introducing Google Buzz in global market now buzz have started to dominate the micro blogging arena and every blogger wants to Add Google Buzz Button in Blogger Blogs, With this service users can now share the stuffs with each other. Google have not provided any script for adding a social bookmarking button for your blog. So if you want to Add the Google buzz Button in your Blogspot blogs then follow the steps given below here.

How to Add Google Buzz Button in Blogger:

Step 1: Login to Your Blogger Account.

Step 2: On Your Dashboard, Click on Layout

Step 3:Now Click on HTML

Edit HTML

Step 4: Now Check the box of Expand Widget Templates

Note: Before Applying Any Changes Please Download the Full Template for your Backup.

Expand template code

Step 5: Now you can add the Google Buzz Button either at the end of the each post or below the title of the each post.

Step 5.1: If you want to add the button at the end of each post then find this code in your template.

<data:post.body/>

Now paste this code belowe

<script src="http://www.buzrr.com/button.js"></script>

Now Save Template.

If you want more stylish and different button click on Image.

 

Animated Image Icon Before Post Titles in Blogger / Blogspot

Blogging is all about providing valuable information to your readers. In addition to this, you can customize your blog in such a way that your readers would enjoy your blog layout with the contents. So, here is the tip to add and show animated image icon before blogger post titles. It will be displayed as the logo to your each post on blogspot. This can be done with some simple HTML edits. Lets learn this blogger trick step by step.

Finding An Image Icon To Insert Before Blogger Post Titles :

First things first. You have to do some homework before adding animated image icons. First of all you have to find an icon to place in your blog. The maximum size of your icon should be 50*50 pixels. You may make a search on Google with search phrases like “Animated icons”, “Animated logos” and choose an image. See if the image you have choosen is not protected under any copyright law. Try to get an icon which blends perfectly with your blog theme. Then upload your icon to any image hosting

site such as imageshack, photobucket, tinypic or googlepages etc and get the link to your image. When you are done with this, proceed to next step.

Making HTML Code For Your Image Icon :

After getting the link to your image icon it’s time to make a HTML code using the image link. Follow below code to make a HTML code using the link to your animated icon.

<img src="LINK TO YOUR IMAGE HERE" style="border-width:0px" />

Change the text LINK TO YOUR TEXT HERE with the link to your image. Now I guess you are done with the HTML code to your link. Move to the next step.

Editing HTML To Insert Image Code

Now it’s time to implement the above code in your blogger template and your blog will start showing your icon before blogger post titles. To do this follow below mentioned steps.

1. Go to your blogger dashboard.

2. Navigate to Layout >> Edit HTML

3. Expand Widget Templates by clicking the box next to it

4. Search for the below code in your template by pressing Ctrl+F on your browser

<b:if cond="data:post.url">

5. Add your image HTML code just above this code in your template.

6. Save the template and you are done.

Now you can see an animated image icon before all your post titles on blogger/blogspot. You can also apply this trick to add some special notes before your post titles. Simply post your text in place of the image icon code in your blogger template code and you are done.