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