Cara Membuat Twitter Follow Burung Terbang (bird Sprite) pada BlogGer aNDa

Hallo Sobat Edit-HTML, kali ini saya akan menjelaskan bagaimana cara membuat twitter Follow dengan gaya burung yang terbang ke seluruh halaman blog sobat, cukup mudah dan sangat praktis namun tetap kreatif, inilah langkah-langkahnya:

Blogger Dashboard > Layout > Page Element > Add a Gadget > HTML/JavaScript

Kemudian Copykan Code dibawah ini ke HTML/JavaScript yang telah terbuka

<div class="widget-content"><script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script><br /> <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/akuntwittermu";var tweetThisText = "Twitter - kamu http://www.alamatblogmur.blogspot.com/";tripleflapInit(); </script><br /> <a id="theBird" href="http://twitter.com/akuntwittermu" target="_blank" style="display: block; position: absolute; width: 64px; height: 64px; background-image: url("http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png"); background-color: transparent; z-index: 947; left: 28px; top: 97px; background-position: 0px 0px;"></a><br /> <a id="theBirdLtweet" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.alamatblogmu.blogspot.com/" target="_blank" title="tweet this" style="position: absolute; background-image: url("http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png"); background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px;"></a><br /> <a id="theBirdLfollow" href="http://twitter.com/akuntwittermu" target="_blank" title="follow me" style="position: absolute; background-image: url("http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png"); background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px;"></a><br /> </div>

Tutorial blogging lainnya...

Komentar Facebook