Tuesday, November 15, 2011

Membuat Animasi burung twiitter pada Blog


buat temen-temen yang ingin memperbagus tampilan blog dengan animasi tapi..jangan asal memasukan animasi tapi ga ada gunanya saya disini akan menjelaskan membuat animasi burung pada blog yang berguna untuk memplubikasikan pada twiiter
kalo mau lihat contohnya pada blog  saya coba kalian lihat disini coba kalian klik burung itu otomatis kalian akan ke twitter saya

Lalu bagaimana sih cara pembuatannya? Berikut ini tutorialnya :



  • Silahkan anda login dulu ke dalam Blog anda
  • Pilih Rancangan >> Elemen Laman >> Tambah Gadget >> pilih Html/ java script
  • Masukkan kode berikut :
<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUej6uAEfEGcJzuPgMtikGKadGwEQ35OddAs_Z1eZKd4dgn1Z58RClgJfXDQHHhm1WYpdRrOahOw4FLJr20X1mDpjSKsSeVGEHNj6Wf2lSo_0Re7UrHDjgVOcao9TWiIjBB2vhpqct0NI/s1600/original.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/#!/AkunTwitterAnda";var tweetThisText = "Twitter - AkunTwitterAnda http://dikazoits.blogspot.com/";tripleflapInit();
</script>
  • Tampilannya seperti berikut kemudian klik Simpan

  • Lihatlah Hasilnya


Keterangan:
Ganti http://twitter.com/#!/ AkunTwitterAnda dengan URL Profil Twitter anda

Ganti http://dikazoits.blogspot.com/ dengan URL Blog Anda

Ganti AkunTwitterAnda dengan IdTwitter anda


Tambahan:

Warna Burung bisa diganti dengan warna lainnya. Caranya: ganti kode https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUej6uAEfEGcJzuPgMtikGKadGwEQ35OddAs_Z1eZKd4dgn1Z58RClgJfXDQHHhm1WYpdRrOahOw4FLJr20X1mDpjSKsSeVGEHNj6Wf2lSo_0Re7UrHDjgVOcao9TWiIjBB2vhpqct0NI/s1600/original.png dengan kode burung dibawah ini:


Jika ingin Burung Twitternya berwarna Ungu, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0pxEMnt4qvUYrtgcM2hKxCnBZWs9BzzbC9V4fH0Wv7yIfhqJOCZdZRdZiOTYh5Hnt5nt4kGAJdEmMikwSj4RyN-zBi21ECH7H8lI-f6OXkAjhexiTi8mcCMAYBd-82sD9KhEH3x7EN373/s1600/purple.png


Jika ingin Burung Twitternya berwarna Hijau, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLMeBLc7c_FbtMbyu5xl2I5C0V-dgxlrwsi_DB5KgANC8AsyQWSnVUDJS_u3ybFPYApiCjbA7e4ASsEf7c3uV9jzaqLOPuGNYIT3VmZzEwZX6UGDnFmzQIE91rMI5dGQMdzaV8TbDy-UwS/s1600/green.png


Jika ingin Burung Twitternya berwarna Biru, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOz76ugYBIk1IT61jUHn38wiH8YEbv7ljLJ3rgBuMoIXRZksNckmHrDhKxFpGK0U9VKCkpWyncDEZXb5t3QNhmBQnjZoYpXQsIwzML7hMZ-n69WeNwrxmkVpSv-8rcPzbWFSPIF-t_iV1n/s1600/blue.png


Jika ingin Burung Twitternya berwarna Pink, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB7XSnjFLQ-36MgaThG-GzvMDq0u5WYZP6aYftThqdqikQwApv-nd1v2cDjLL5uc-h3Fz_skwWQXOlbZNqrZqE_Ighnb1yu3ahZo3dhTxF6QABZmR25PbwtpNbxFlXToQTHtsSerBV8e0V/s1600/pink.png



Semoga Bermanfaat,

kalo ada masalah silakan berkomentar dan bertanya pasti saya bantu

1 komentar: