Maraknya pengguna twitter dan facebook saat ini membuat mereka berinovasi bagaimana membuat akun mereka yang tampil di blog atau situs lebih menarik dengan harapan para pengunjung blog / situs akan tertarik untuk add di akun mereka sehingga menambah jaring pertemanan menjadi semakin luas.
Berikut ini adalah tutorial membuat icon twitter dengan animasi burung yang bisa terbang mengikuti arah gerakan seperti terbang naik-turun dan bisa bertengger pada setiap kotak yang ada pada blog/situs yang sengaja saya share dari rekan netter imemoz.com. Caranya cukup mudah dan gampang.
Berikut adalah langkah-langkahnya:
Pengguna Platform Blogger
1. Masuk (Login) ke Dashboard Blogger anda.
2. Pilih Tab Design, lalu Page Elelement.
3. Kemudian Tambahkan Gadged/Widget, pilih HTML/JavaScript.
4. Silahkan copy script �JavaScript� dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya) letakkan di HTML/JavaSript Anda.
Pengguna Platform Wordpress
1. Masuk (Login) ke Dashboard Wordpress anda.
2. Pilih Tab Widget
3. Kemudian Tambahkan Text ke Sidebar.
4. Silahkan copy script �JavaScript� dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya) letakkan di Text Anda.
Copy script berikut ini kemudian paste di blog atau situs anda.
<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlc5N1fEJJkkzS_FmCk8iUsBxEWMfyNMgsIJuMXTLCYaBZBCgRAApMj7uN-MS5Dl1eIpi4z6sxlTgwQpgyk-g5EZD6qelyfg-E2LqFHteWI-OWAdNUWSxPWRyTFrriQKiEl0rraVEBx2VX/s1600/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/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
</script>
Untuk kode yang berwarna biru silahkan sobat ganti dengan Nama/User Name twitter sobat, terus kode yang berwarna merah silahkan ganti dengan URL Blog sobat.
Anda Bisa lihat hasilnya di blog sobat masing-masing, terima kasih sobat Imemoz.com
semoga bermanfaat
Imemovas | http://www.imemovaz.com/2011/02/tutorial-membuat-icon-twitter-burung.html
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Pasang Ikon/Icon Twitter Burung Terbang
Related Posts :
- Back to Home »
- Blog Tutorial , Blogger , Tips Trik Blog , Tutorial Blogger »
- Pasang Ikon/Icon Twitter Burung Terbang