Cara Membuat Twitter Follow Burung Terbang (bird Sprite) pada Blogspot

Hallo Sohib 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>

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

<a id="theBird" href="http://twitter.com/akuntwittermu" target="_blank" style="display: block; position: absolute; width: 64px; height: 64px; background-image: url(&quot;http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png&quot;); background-color: transparent; z-index: 947; left: 28px; top: 97px; background-position: 0px 0px;"></a>

<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(&quot;http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png&quot;); background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px;"></a>

<a id="theBirdLfollow" href="http://twitter.com/akuntwittermu" target="_blank" title="follow me" style="position: absolute; background-image: url(&quot;http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png&quot;); background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px;"></a>

</div>

Keterangan
Yang berwarna merah dapat disesuaikan dengan alamat blog / akuntwitter sobat edit-HTML.




+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +


Tips-Trik Blog

• Cara Membuat Judul Blog Berjalan
• Cara Membuat Menu Navigasi Horizontal dengan Sub Menu Vertikal
• Pasang Tombol Like Facebook, Tweet Twitter, Google +1, dan Share
• Membuat Drop Cap Dengan Efek dan Image
• Cara Membuat Fungsi Scroll pada Daftar Komentar Blog
• Cara Memasang Icon Yahoo Di Blog
  
• Cara Membuat Lencana Facebook Terbuka di Tab Baru
• Cara Memasang Meta Tag Otomatis di Blogger
• Cara Membuat Tabel Dalam Blog
• Membuat Widget Statistik Dari Blogger Menjadi Rata Tengah
• Pasang Jadwal Sholat Di Sidebar Blogger
• Cara Membuat Widget Melayang Pada Blog 

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =


Masih ada Tips-Trik Blog Yang Laen
Download Media Pembelajaran TIK
Pengen Tau Tips-Trik Windows ?
Download Software juga jangan lupa ya !