How to make a twitter bird icon on the Blog...

Sumber : Cara Pasang Iklan Di Dalam Postingan Blog | Dodol Blog Copy Right @ 2011 All Rights Reserved Dodol Blog One of the social networking trend is in addition to facebook twitter. Sure, many, many ways to innovate in order to account those who appear on the blog more interesting so that blog visitors will be interested to add in their account so add a net of friends become increasingly widespread. But do not let friend miss also the trick this one, in accordance with the above title this time I will install the twitter of birds cut icon on the blog. Named icon icon twitter twitter of birds fly because it will be able to fly following the direction of motion such as flying up and down and can be perched on every box of your blog or website.



Here are the steps:
1. Entrance (login) to your Blogger Dashboard.
2. Choose a design, then Page Elelement.
3. Then add Gadged / Widget, select HTML / JavaScript.
4. Step selanjunya copy of the script "JavaScript" below: (without a title / title / without entering a name for gadged / widget) put it in HTML / JavaSript you.



<script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/techgyo";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();
</script>
<a id="theBird" href="http://twitter.com/idtwitter" target="_blank" style="display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLtweet" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/" target="_blank" title="tweet this" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; "></a>
<a id="theBirdLfollow" href="http://twitter.com/techgyo" target="_blank" title="follow me" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; "></a>


Replace idtwitter with a buddy twitter account

5. Click save

My first post here enough. Hopefully helpful, and please write comments below for feedback and questions.


Good Luck............