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. Sebenarnya cara ini cukup mudah dan gampang, namun karena ada teman yang bertanya kepada saya maka kali ini saya buatkan tutorialnya secara singkat dan mudah.
Semoga tutorial berikut dapat membantu teman-teman sesama blogger maupun pengunjung blog saya. Oke, tanpa perlu panjang lebar, berikut adalah langkah-langkahnya:
- Masuk (Login) ke Dashboard Blogger anda.
- Pilih Tab Design, lalu Page Elelement.
- Kemudian Tambahkan Gadged/Widget (Add a Gadged), pilih HTML/JavaScript. (Bebas diletakkan dimana saja)
- Dari gadget/widget HTML/JavaScript tersebut, silahkan copy script "JavaScript" dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya).
Copy script berikut ini, agar tidak terjadi kesalahan kode jangan langsung di paste ke gadged/widget, tapi paste dulu ke notepad kemudian dari notepad copy lagi dan dimasukkan ke gadged/widget HTML/JavaScript sesuai petunjuk diatas.
<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/AVvXsEjrEgEQt_xXQWtEjpyw8ZGpCa6wyJKqpGne-hT1eYIY8NQodoJz35k2uO2G28t8I77-KcaNPst8potg5TgJ15ojmlxe8j8UqlULe6uHzDcHSBSV0EzL765Wp-bmiYS7DR_QHlUkIRqY_CS8/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>
You Might Also Like :
49 Comments:
mantap tutorialnya gan bisa dicoba nih....kunjungan balik sob
wiiih mantap juga ya bisa terbang burungnya...bisa di tangkap ga tuhhh?
thanks infonya gan,,patut dicoba nih
bikin blog jadi tambah berat gaak ??
blog ku jd makin ngejreng dgn ilmu nya ini,,thanks yo Mas...
@KlipangDotCom: Silakan coba gan.. :)
@Abdul Sidik: Nangkapnya di klik aja sob.. :D
@blog item: Monggo gan dicoba..
@sichandra: Ga bikin berat blog kok, ukuran script tu cm kecil bang..
@Produk Herbalife: Sama2 boz.. thanks dah komen dsini :D
nah,, ini unik neh gan.. :D saya ijin cobain jg yah gan.. :p makasi share'y gan.. :p
ijin nyimak Gan...bole jga nik utk dcoba....nice shae
WOW! Ada gak sob, tutorial membuat komodo terbang ? :p
Hehe makasih sob :)
sedih bgt gan...http://mufiqhoo.blogspot.com/2011/02/renyuh-pilu-hati-saat-melihat-video.html
Sip neh,,, patut di coba
unique juga nih.. jadi pengen nyoba.. keren..keren..
perlu d cb nie
kayaknya bagus... makasih infonya :)
tutorialnya mantap kang... salam kenal. http://www.rokyharianto.com
nice info nie gan..
sudah saya coba menarik membuat blog kita jadi lebih menarik, sayangnya ga jdi saya pasang..
blog saya sdah trlalu bnyak animasinya..
hehe..
salam kenal iya..
keren nih gan.. thanks y gan...
thx y sob..
sob...
gw gak suka burung..
hehe..
gemes gw liatnya
waaah bagus juga yaaa..., ni lagi nulis komentar burungnya ngikutin muluuu n nongkrong lagi.
trims yaa atas ilmunya sukses selalu n tetap semangat
wah, keren nih...
blognya udh di follow tuh, follow back ya...
http://serba-unix.blogspot.com/
Waaaah..ini dia yang saya cari :)
Akhirnya bertemu disini (*berkat BW) hehe..
makasih Tutorialnya sob :)
Mantap :)....
twit cantik.....
Hebat tutorialnya kalo widget normal kan burungnya cuman diam dan ini bisa terbang wah wah kalo warna burungnya bisa dibuat yg warna warni ngga,sukses okey
Wah ini tutor yang aku cari,.. Thanks tutornya,....
salam kenal.. http://aselabar.wordpress.com
kok dipasang di Wordpress ndak bisa ya????
Thanks gan atas tutorialnya tuk newbie kayak saya, dah saya pasang & ok. Salam kenal dari saya Made Budi.
@All: Thanks sdh mampir..
@mammad354: Klo di wordpress.com gak bs boz, krn memang untuk JavaScript di WP di disable :)
Klo pke server/hosting sndri sih bs boz, coba aja :)
sebenernya bagus tutorialnya.. tapi sayang aku gak punya twitter....
kunjungi blohg ku yah --> nidusmays.blogspot.com
wah mantap
mampir donk ke hosting aman,murah dan terpercaya
http://indohost.us
Nice Info :))
thanks ya infonya...
ijin coba.. haha
waaahhh mantap kang, izin share ya kang? untuk dibagi2kan. ke sahabat2 yang lain.
makasih ya sob :)
thx :D
terimakasih atas info ini,sangat berguna sekali bagi saya dan sudah saya pratikkan dan berhasil,senang sekali he.. he..
udah dicoba n berhasil ^^v bisa liat di : http://lie2brownies.blogspot.com/
thank's bgt ya ^^
macaci bnget ye...
mkasi sobat.........................
makasi sobaT..............
Nice share...
wah mas, sya kesulitan ni, kug gk bisa2 ya. mhon bantuanya ya ??? thank
salam hangat,
Karimunjawa Paradise Beach
kalo buat dipasang di free wordpress bisa nggak kak?
thanks.
di WP bisa ga bos?... salam kenal
Setau saya klo di wordpress tu di disable javascriptnya, jd gak bs jalan.. tp coba aja dulu drpd penasaran :D
kunjungi balik sop
master-kita.blogspot.com
sip banget mas.
makasih ya mas :)
unyu banget burung nya :D
Wah dah pasaran tuh burung twitternya mas... saya dah buat yang lagi trend nich burung twitternya saya ganti sama transformer (StarScream -> Decepticon) lebih up-to-date dan banyak pilihan lainnya.
Contoh & tutorialnya bisa dilihat di
http://monozcore.blogspot.com/2011/08/blog-widget-burung-terbang-twitter.html
Semoga Bermanfaat. Trims
Thanks gan ^_^
Wah Ince info gan :D
Visit Blog aku dong :D
http://info-kita01.blogspot.com
Post a Comment