Jika ada link yang bermasalah atau file yang anda download error harap laporkan disini

Membuat Widget Burung Twitter Beterbangan di Blog


birdsprite
Twitter Berterbangan di Blog contohnya pada halaman ini, terlihat keren bukan? jika burung itu di klik maka akan mengarah pada akun twitter anda.. Jika kalian Mengubah posisi cursor/scrolling maka burung inipun akan terbang berubah posisi.

Keren Kan? Gimana cara membuatnya? Sebenernya gampang...

Berikut langkah-langkahnya:
1. Masuk (Login) ke Dashboard Blogger anda.
2. Pilih Rancangan >> Element laman
3. Kemudian Tambahkan Gadged/Widget, pilih HTML/JavaScript.

 <!-- floating twitter Bird -->
<script type="text/javascript" src="http://oktriblog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOadk6-yXFAI2K0adrBJUWBbnn6EhlJGOHjJiYs47LShOuJ1R42l-vweAgMN1NdbCpmevw42FYVxx7pwaeKwnnUP7RNwivdsPOoB5Ffa58nobrjxqKlrOYnAvE4P4WrAjdF9zBlhgIw_zi/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/#!/hammadzikrinst";var tweetThisText = "Twitter - UserID http://www.ilmu-blogz.blogspot.com/";tripleflapInit();
</script>


  • Ganti yang saya beri warna merah tebal dengan nama twitter kamu
  • Ganti yang saya beri warna biru tebal dengan URL blog kamu
  • Selesai :)
 Mungkin ingin menyesuaikan warna burung nya dengan layout blog kamu, saya coba bantu sedikit :D . Cukup ganti url gambar yang saya beri warna  pink tebal di atas dengan url gambar di bawah ini :



























https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMmlT92w8Dsxq4M9CictcqbZ1OLKDpZoL3kORW8HW7ECL8uO4ew8oKHRRoUFRAh5W4gpYbEw2otXNrVhlrPkrZA6Fm9ao5GFKeb70bPnCyiMMeZGd7ym6DBuLVtNcG3pjLYBE6viB7PwR2/s1600/blue.png




















https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijc5numJ6bIln6cCKASpPbF0wDcorgNQZzde2I57wCOuih3QFqeK9dp3UgFjXldSu_DZuSZ9-x1GdcCGkAQvU1A7b3hAjKf7FBuV8GJg9_Li3QNLGduyr22hyJO4q-qdupeWhOgWc2CYmV/s1600/pink.png




















https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1g8AOqQtnwlFLC4bCnZv-iWoraILD11iWF1NrE7j2WTaMU29WF0SrGMff9mkmfWczWJVpquJyglOVRGklkuRG-6O5piVf5xtcRKJVKFkOfjqDshqIFwErKCXG9N8LywAVzDfMgm2QqycH/s1600/purple.png


















Ok saya rasa cukup :D . untuk warna yang lain mungkin bisa kamu edit sendiri .
Semoga berguna ;)

    0 komentar:

    Posting Komentar