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 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 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.
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/AVvXsEiP5EbPTb75tvedQq9Q8DP5KAmmq3PU8OeJ3P7e60CxKueJETsOPYjBj_WNZVG8kGeMvsY0w6bT2W7kc7_zrK-yz0CcuDYaQjhTCbXoHdFg0pfhfsv_31cxmp8ebwQ-o75TtU7982kN3tHF/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>
<script type=”text/javascript”>
var birdSprite=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP5EbPTb75tvedQq9Q8DP5KAmmq3PU8OeJ3P7e60CxKueJETsOPYjBj_WNZVG8kGeMvsY0w6bT2W7kc7_zrK-yz0CcuDYaQjhTCbXoHdFg0pfhfsv_31cxmp8ebwQ-o75TtU7982kN3tHF/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>
Copy script diatas, agar tidak terjadi kesalahan kode jangan langsung di paste ke gadged / widget langsung, tapi paste dulu ke notepad kemudian dari notepad copy lagi dan dimasukkan ke gadged / widget HTML / JavaScript sesuai petunjuk diatas.
Anda Bisa lihat hasilnya di blog ini, terima kasih sobat Imemoz.com
semoga bermanfaat
semoga bermanfaat
0 comments:
Post a Comment
Kunjungan balik setiap kali komentar anda berada di area blog ini.
silahkan komentar di postingan Apapun