• Add Animated Flying Twitter Bird Widget For Blogger Blogspot


    Animated Flying Twitter Bird Widget For Blogger. Have You Noticed that a small blue bird is flying around this Page. Yes! that is Twitter bird. The bird flying animated effect by Javascript Hack and when you scroll the page Up or Down, twitter bird will come in front of your page. The bird found itself as the "follow me" link on the Twitter account. If you move the mouse pointer over the bird, a "follow me" button and a "tweet this" button displayed. Based on Tweet this link I am divided this widget into Two types.

    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..

    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 All Pages

    1) Go to Your Blogger Dashboard Click > Design > Add A Gadget > Choose A Html/Javascrit Gadget> Copy Paste The Following Code

    <script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js"></script><script type="text/javascript">
    var twitterAccount = "Twitter User Name";
    var tweetThisText = "A To Z Blogger Tricks";
    tripleflapInit();
    </script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://www.atoz2u.blogspot.com">A To Z Blogger Tricks</a></span></noscript>

    Important Note:-
    Replace Your Twtter 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/xpraba27 , paulcrowepro is the username.

    2) Save Your Widget And Check Out Your Twitter Bird.


    Add Flying Twitter Bird To Post Pages Only

    1) Go to Your Blogger Dashboard Click > Design > Edit Html > Tick Expand Widgets>Search For <data:post.body/> Copy Paste The Following Code

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
    </script>
    <script type="text/javascript">
    var twitterAccount = &quot;way2blogging&quot;;
    var tweetThisText = &quot; <data:post.title/> ~ <data:post.Url/> &quot;;
    tripleflapInit();
    </script>
    <noscript>
    <span style="font-size:11px;margin:10px;">
    Flying Twitter Bird Widget By <a href="http://atoz2u.blogspot.com/">A To Z Blogger Tricks</a>
    </span>
    </noscript>
    </b:if>
     
    Important Note:-
    Replace Your Twtter 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/xpraba27 , paulcrowepro is the username.

    2) Save Your Widget And Check Out Your Twitter Bird.


    Try It Easy...

     

    2 comments:

    1. Thank you for great article. I read it with great pleasure. I look forward to the next article.
      website design

      ReplyDelete
    2. Wonderful we used it
      www.widgetsofvalue.com

      ReplyDelete