Saturday, 4 February 2012

How to add flying Twitter bird to a blog? - Blog Decoration Tips


Add Twitter Bird Widget to make your blog look more alive by adding just a simple code snippet

This is the era of blogging and almost every internet enthusiastic has a blog.  Blog makes you share your daily thoughts to reach to almost every other person over the internet.  Many of us spend much time in order to decorate our blog more and more. the reason can be anonymous for what you are making your blog appearance best. So, here we have a simple but much attractive Twitter Bird which flies over the pointed screen as you might have seen in one blog or the other.  Even some of the webmasters have included it into their websites too. This widget attracts the surfer and thus leading to one tweet of your post/article. Thus, increasing your traffic many-a-times.  Many of them call it a trick but it is just simply a code snippet which a common layman can understand if he/she has a simple HTML knowledge.

Twitter has today about 250 million users who tweet their status in the move in any part of the day.  However, this widget appears to be a cute bird which is a product of way2blogging. The bird shares two links, the first one is for share/tweet and the second one is for follow the publisher.  Thus, it performs two objectives at one time.
twitter-bird-flying

Here, is the method where you will do the entire described thing to make your blog appear with this cute Twitter Bird.

Step 1
Open blogger >> Dashboard >> Design > Edit Html.

Step 2
Download the full template in case if something goes wrong.  Hence, it is recommended to download the full template before editing any other thing.

Step 3
Press CTRL+F and search for </body>

Step 4
Place the following code snippet after the </body> tag.

<!-- Twitter Bird start Techno-time.blogspot.com -->
<script src='http://yourjavascript.com/1523826141/Flying twitter bird.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = "Add your Twitter name here";
var tweetThisText = " <data:blog.pageTitle/>: <data:blog.url/> ";
tripleflapInit();
</script>
<span style='font-size:11px;position:absolute;'/><a href='http://www.techno-time.blogspot.com' target='_blank'>Twitter Bird Gadget</a>
<!-- Twitter Bird end techno-time.blogspot.com-->


Step 5
Click on SAVE TEMPLATE at the bottom of the page and you are done.

Click on the view blog option and see your flying bird moving in synchronization with your mouse pointer. So, this is how you add many widgets to make your blog look more attractive.

How to add Twitter Bird to a Blog Video


0 comments:

Post a Comment