Feb 14, 2012

Step by step intructions on How to put a flying twitter bird on your blog

Step by step instructions on How to put a flying twitter bird on your blog


If you have been to my blog page which obviously you have since you are reading this you may notice there is a little blue bird flying around and if you click on it you have the option to tweet the current thing you are looking at or follow me on twitter and today I am going to show you how to get your very own birdie easily...



1. Go to blogger.com and open your blog you want to add the bird to.


2. Go to the top right hand corner where there is a button that says design and click that now you should be in the design tab and under that are 3 options one of which  are edit html click that


3. now that you are in edit html click press Ctrl+F this should bring up a little search box in the top right corner of the screen

4. In the little search box type
</body>

5. Now copy this text below

<script type="text/javascript" src="http://yourjavascript.com/10116102250/royaltutor.net-twitterbird.js">
</script>
<script type="text/javascript">
var twitterAccount = "REPLACE THIS SPACE WITH YOUR TWITTER USER NAME";
var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";
tripleflapInit();
</script>


6. Now paste that right above (before) the </body> like so


<script type="text/javascript" src="http://yourjavascript.com/10116102250/royaltutor.net-twitterbird.js">
</script>
<script type="text/javascript">
var twitterAccount = "REPLACE THIS SPACE WITH YOUR TWITTER USER NAME";
var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";
tripleflapInit();
</script>
</body>

7. Now above replace the pink text and only the pink with your twitter username
Now click save and view your blog you should now have a cute little birdie following you around your blog


1 comment: