Monday, November 5, 2012

How to add a flying twitter bird to a blogger blog

Twitter Bird

Twitter along with Facebook have become the two hubs of social networking.They are the best tool for staying in touch with loved ones.That's not all,they also prove very beneficial in regards to getting traffic on a blog.Along with submitting Google and Bing sitemaps you can also add a twitter bird to your blog to increase your network and make a portion of the traffic permanent by bonding with your readers more closely.You might now have the following question.


So how do i add a twitter flying bird to my blog?

Its very simple all you need to do is first backup your template and then

Go to your dashboard-->template--->Edit Html as shown in the screenshot below

Edit HTML screen on Blogger


you will now see a screen with the html coding of your blog.For some this might look like Greek or Latin.

When you are in this screen press CTRL+F key together on keyboard after which you will see a search box appear on the screen.

Once you see a search box appear on your screen search for </body>.Once you find </body> above it input the following code replacing "yourtwitterhandle" highlighted in yellow with your twitter username.


<!--Twitter Bird Starts-->
<div style='position:fixed; top:25%; right:-18px;border-radius:4px;-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-o-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg);'>
<a href='https://twitter.com/Yourtwitterhandle' rel='nofollow' target='_blank'><img src='http://lh6.googleusercontent.com/--lRbkAan1NY/UCScmfJgVJI/AAAAAAAAA6o/X378c8hxa_o/s128/Twitter.png' alt="Twitter Bird"/></a>
</div>
<!--Twitter Bird Ends-->

Now click on save template.

When you go into your blog now you will see a small twitter bird flying around!

No comments:

Post a Comment