
"Twitter", is one of the most popular Social networking sites in the world among Bloggers to promote their blogs.There are a number of twitter widgets, scripts and plugins available to integrate Twitter with your blog.Most of the icons, buttons or badges are stationary or a fixed floating Twitter gadgets. Now here I am sharing a very cool unique Blogger Twitter widget, an actual Animated flying Twitter Bird that flies around your blog.
This Plugin is java script based and it will display an animated Twitter bird that settles on different places of your blogs visible area. If a you scroll the page, the bird will fly towards the visible part and settle in a new place and it takes random paths for each flight.When you place the cursor over the Twitter Bird "tweet this" and "follow me" links appear,through this the visitor can tweet the article or follow you.


Demo:- You can see the Twitter Bird Flying Around this page visible Area, Scroll this Page to see it's Action.
Add The Flying Twitter Bird To Your Blog

There are Two types here is am giving.You can have the Bird on every page of your blog or just on the post pages..
step 1. Go to Your Blogger Layout > Add a Gadget > Find and Select html/Javascript
1. Twitter Bird with tweet text has Post title and URL for all post pages Only.
2. Twitter Bird with tweet text has Current Page title and URL for all Blog pages.
Add Flying Twitter Bird To Post Pages Only
step 1. Go to Your Blogger Layout > Add a Gadget > Find and Select html/Javascript Step 2. Find the following piece of code in your blogs Html.
3. Copy and paste the following code.
3. Copy and paste the following code directly Below / After
Important Note:-
Step 2. Find the following piece of code in your blogs Html.
3. Copy and paste the following code Directly Below / After
3. Copy and paste the following code.
3. Copy and paste the following code directly Below / After
Important Note:-
Code:
.googlecode.com/files/onlytrikss.blogspot.com.js">
(ONLY YOUR USER NAME OF TWITTER HERE)";
var tweetThisText = "~ ";
tripleflapInit();
<span style="font-size:11px;margin:10px;">
Flying Twitter Bird Widget By <a href="http://onlytrikss.blogspot.com">onlytrickss</a>
</span>
Replace YOUR USER NAME HERE! with your twitter user name.You add just the username not the entire URL of your Twitter profile.For example twitter.com/buytextlink , buytextlink is the username.
4. Save Your template And Check Out Your Twitter Bird.Add Flying Twitter Bird To All Pages
1. Go to Your Blogger Layout > Add a Gadget > Find and Select html/Javascript3. Copy and paste the following code Directly Below / After
Code:
.googlecode.com/files/onlytrikss.blogspot.com.js">
(ONLY YOUR USER NAME OF TWITTER HERE)";
var tweetThisText = "~ ";
tripleflapInit();
<span style="font-size:11px;margin:10px;">
Flying Twitter Bird Widget By <a href="http://onlytrikss.blogspot.com">onlytrickss</a>
</span>
Replace YOUR USER NAME HERE! with your twitter user name.You add just the username not the entire URL of your Twitter profile.For example twitter.com/buytextlink , buytextlink is the username.
4. Save Your template And Check Out Your Twitter Bird.Add Flying Twitter Bird To All Pages
1. Go to Your Blogger Layout > Add a Gadget > Find and Select html/JavascriptStep 2. Find the following piece of code in your blogs Html.
3. Copy and paste the following code Directly Below / After
Important Note:-
Replace Add your Twitter name here! with your twitter user name.You add just the username not the entire URL of your Twitter profile.For example twitter.com/buytextlink , buytextlink is the username.
4. Save Your template And Check Out Your Twitter Bird.
3. Copy and paste the following code Directly Below / After
Code:
Add your Twitter username Only";
var tweetThisText = ": ";
tripleflapInit();
Twitter Bird Gadget
Important Note:-
Replace Add your Twitter name here! with your twitter user name.You add just the username not the entire URL of your Twitter profile.For example twitter.com/buytextlink , buytextlink is the username.
4. Save Your template And Check Out Your Twitter Bird.
No comments:
Post a Comment