Add Twitter Badge Button to Blogger

In this tutorial you will learn how to add a Twitter badge aka Twitter button to your Blogger Blogspot blog to link your blog to your Twitter account. By adding a Twitter button you will give your readers the option to follow your blog on Twitter.

Display a Twitter Icon in the Sidebar of Your Blogger Blog
If you look at the top of the right sidebar you will notice that I have placed a Twitter icon with a link to my Twitter profile. Adding the Twitter badge and link is not difficult and requires no change to the template. We will simply be adding a gadget to the sidebar. I have assumed no knowledge of Blogger and widgets so that absolute Blogger beginners can follow this tutorial.

1. Login to Blogger if not already logged in

2. Navigate to Layout > Page Elements

3. Click on Add a Gadget in the sidebar or other location eg the footer if you prefer

4. Select HTML/Javascript from the list of available gadgets

5. Paste the following code into the content box depending on your choice of button:

<a href="http://twitter.com/Your Profile"><img width="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipqCuPDFfmqsl7XdnbhXi93NdOUG8TQeKxApJhQ2uJXJwD7nnLzonxhWHvTN7cwEABTtB-zwgibzPJuOPJTiheRLEGpJJL88YjulfzZC6OZR_LeW5PoNzWtV0JRK_KsEHRFZ0S-hOiy-M/s200/twitter-bar.gif" height="34" title="Follow Your Blog Name on Twitter"/></a><br/>

<a href="http://twitter.com/Your Profile"><img width="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBvQLTQHmsPOF3DruarSuIn20syrVfzDaB8C6Qp4nGAaknoDudv1-4dLxpUgfQkC_wqf99FSAvC7W59yGDBqGXiCEuExJ4xQ6rbxCokiFubypwP_FiXLnOOLregEocMVzmasXHkXhyphenhyphenfcU/s200/twitter-35a.png" height="42" title="Follow Your Blog Name on Twitter"/></a><br/>

<a href="http://twitter.com/Your Profile"><img width="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg576Tg-6T69Cj-zaqL7K3qLq07Dli3X-sGD-oaroH9h97fkRM-ZMaVpUCyrGGe2QClgsRpuJJmsK17fBtUFoBQR28qifNRayT8fB75O6oeyLFMU9UUy1DDamglkxzobe4CPa4nRfMQKiA/s200/twitter-32a.png" height="58" title="Follow Your Blog Name on Twitter"/></a><br/>

6. Change Your Profile to your own Twitter profile. For example:

http://twitter.com/YourProfile

to

http://twitter.com/BlogWizz

7. Substitute your blog name in the title for your own blog name

title="Follow Your Blog Name on Twitter"

to

title="Follow Blog Know How on Twitter"

8. Click on Save.

9. Move your new Twitter widget to the desired location on your sidebar using drap and drop

10. Click on View Blog to admire your new Twitter button



In this tutorial you have learned how to add a Twitter button, badge, icon to your Blogger Blogspot blog so that readers can sign up to follow you on Twitter. I have supplied you with a choice of three different buttons to get you started. For more Twitter buttons try these free Twitter vector icons or these free Twitter graphics or just type Twitter icons into your favorite search engine

Related Articles
List of Blog Know How Tutorials for Blogger Blogs
Add Twitter Followers Counter to Blogger

Add Chitika Ads to Blogger Blogspot

In this tutorial you will learn how to add a Chitika ad unit to a Blogger Blogspot blog. To put a Chitika ad unit on a Blogger blog you will need to add the Chitika ad code directly into your Blogger template. Full instructions are set out below so that even beginner bloggers and Blogger newbies can follow these to install Chitika advertising program on their blog. If you are not already signed up for Chitika read about some of the advantages of advertising with Chitika at Blogspot Blogger Guide.


Chitika and Google Adsense - A Winning Combination
One of the main questions that bloggers ask about Chitika is can it be used with Google Adsense. The answer is most definitely yes. Chitika and Google Adsense can be used in conjunction as there is absolutely no conflict because Chitika ads unlike Google Adsense are non-contextual.

By adding Chitika to your blog you will increase your revenue from pay per click advertising. The CPMs are reputed to be higher than Google Adsense making it possible depending on your blog theme to make potentially higher earnings than with Google Adsense. For those looking for the highest possible earnings the new 550x250 mega units from Chitika are a particularly good choice if you have the space to display them. Best of all the earnings payout threshold for Chitika is only $10.00 making it a very achievable target for even the most modest blogger.

How to Add Chitika Advertisements to Blogger Blogspot Blog
Following these instructions will put a Chitika ad unit at the end of your blog posts but before the post footer details.

1. Sign up with Chitika Advertising Program and set up your ad unit following the online instructions

2. Highlight and copy the premium ad code. It needs to be parsed before entering it into the Blogger template so go ahead and paste it into the code window at Centricle.com and click on the encode button


3. Login to Blogger if not already logged in

4. Navigate to Layout > Edit HTML

5. Back up your template as a precaution by downloading it to your computer

6. Check the Expand Widgets Template box

7. Find the following line of code by entering it into the search tool (Use CTRL + F)

<p><data:post.body/></p>
or
<data:post.body/>

8. Copy the parsed Chitika code from Centricle.com and paste it into your Blogger template immediately after the above line

9. Click Save Template

10. Click on the View Blog link to view your ad unit. You will need to add the following to the end of the URL address in your browser to see your ad unit as ads are only served to North American visitors.

#chitikatest=yourkeyword

for instance I would enter

http://blogknowhow.blogspot.com#chitikatest=blog

to see how my ad unit would display ads for this keyword. Don't forget to refresh your page using CTRL + R

Summary
In this tutorial you have learned how to add a Chitika ad unit to your Blogger Blogspot blog. If you would like to start taking advantage of the Chitika advertising program on your blog and earn some extra money you can sign up to Chitika by following this link.

Tips and Troubleshooting
If you want to place your Chitika ad unit in another location other than below the post it is possible to add the code directly into a gadget in which case there is no need to parse it.





Related Articles
Earn Money with Chitika and Blogger
List of Blog Know How Tutorials for Blogger Blogs

Add a Twitter Followers Counter to Blogger

In this tutorial you will learn how to place a Twitter Follower Counter on your Blogger Blogspot blog to display the number of followers you have on Twitter. A Twitter count button will encourage readers to follow you on Twitter much in the same way as putting a Feedburner subscriber counter on your blog will encourage new subscribers.

How To Place a Twitter Followers Counter on Blogger

1. Login to Blogger if not already logged in

2. Navigate to Layout > Page Elements

3. Click on the link to Add a Gadget to the sidebar or footer

4. Select HTML/Javascript from the list of gadgets

5. Paste the following script into the widget content box depending on the button your prefer:

Standard Button

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=yourTwitterusername"></script>

Black Button

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=yourTwitterusername&style=black"></script>

Big Bird Button

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=yourTwitterusername&style=bird"></script>

If you would like to view more Twitter Counter badges you will find them at http://twittercounter.com/pages/buttons/

6. Replace the username with your own Twitter username. For example my username is blogwizz so I would enter username=blogwizz. If you are not already a member of Twitter sign up is a breeze

7. Enter a title for the widget if you wish

8. Click Save

9. Move your new widget into position on your sidebar by using Blogger's drag and drop feature

10. Click the View Blog link to admire your new Twitter Followers Counter



In this tutorial you have learned how to put a Twitter Followers Counter on your Blogger Blogspot blog so that you can display an accurate count of your Twitter followers. This will encourage other readers to begin following you on Twitter.


Related Articles
List of Blog Know How Tutorials for Blogger Blogs