[Tutorial] Burung Twitter Terbang Di Blog Anda

 

Nampak tak burung twitter colour biru yang sedang terbang di blog ini? Cool bukan? Ramai yang bertanyakan kepada saya macamana untuk membuat burung twitter terbang ini. So hari ini, saya akan berkongsi tutorial atau lebih tepat coding untuk membuat burung twitter yang cute terbang di blog anda juga. Burung ini boleh dilinkkan terus dengan twitter anda dan tweet artikel anda. Oh ya, anda boleh gunakan di blogspot dan juga wordpress. :)

Blogger yang ‘membela’ burung twitter di blog mereka:

Muje http://munzirshafie.com
Aizuddin – http://aizuddin.com
Seety http://seety2105.blogspot.com

Coding:

Untuk coding dibawah, anda perlu menukar link twitter tersebut kepada link twitter anda.

[code]
<script src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js" type="text/javascript"><!--mce:0--></script> <script type="text/javascript"><!--mce:1--></script>
<a id="theBird" 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;" href="http://twitter.com/techgyo" target="_blank"></a>
<a id="theBirdLtweet" 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;" title="tweet this" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/" target="_blank"></a>
<a id="theBirdLfollow" 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;" title="follow me" href="http://twitter.com/techgyo" target="_blank"></a>
[/code]

kredit coding: www.techgyo.com

Pengguna blogspot:

Anda hanya copy coding diatas dalam html blog anda. Copy dan paste sebelum </body> dan klik save.

Pengguna wordpress:

  • Copy coding di atas dan pastekan ke dalam footer.php sebelum </body> dan klik save.
  • Bagi pengguna Thesis (theme), anda hanya perlu copy-paste ke dalam Thesis Openhook pada bahagian Footer dan klik jangan lupa tick pada Execute PHP on this hook kemudian save.

Plugin:

Bagi pengguna wordpress juga, anda mungkin tidak perlu bersusah payah untuk memasukkan coding sepertimana di atas kerana hanya perlu install Animated Twitter Bird Plugin ini dan aktifkan. Hasilnye tetap sama.

Jangan lupa tinggalkan link blog anda dibawah bila coding/plugin telah siap dipasang di blog anda. Dan jika anda ada sebarang masalah, sila tinggalkan komen dibawah. Selamat mecuba. :)

[UPDATE] Burung twitter yang berterbangan di blog ini sudah dibuang. Untuk contoh anda boleh tgk 3 link blog di atas :)

Incoming search terms:

  • gambar kartun burung bergerak
  • animasi burung biru bergerak tweet
  • tutorial ade burung terbang kat blog untuk twitter
  • kartun burung terbang
  • gambar kartun burung terbang untuk blog
  • gambar kartun burung terbang
  • gambar burung terbang
  • gambar burung kartun terbang
  • burung terbang kartun
  • url(http://a7lasora net/wp-content/plugins/anmiated-twitter-bird/birdsprite png) 0px 0px no-repeat transparent

Previous post:

Next post:

Hakcipta terpelihara © 2011-2014 Haru Elie.


Kisah Cinta & Jawatan Kosong SPA