Buat Banner pake Flash yuuk!!

Untuk melihat berita terbaru di internet pasti kita akan masuk ke situs detik.com kan?, siapa sih yang ga' tau situs berita yang satu ini dan paling kesohor di Indonesia itu :)

Selain sebagai pelopor era portal di Indonesia sampai saat ini saya belum liat ada yang menandingi kiprah portal yang satu ini, tapi di Indonesia maksudnya.. :) kalau di luar mah banyak.

Portal? hehehe ... diliat2 kok gak beda ama blog kita yah tampilannya :) yang menampilkan postingan baru di homepage-nya gitu... sama pasang banner2 di sidebar-nya.. boleh tukeran link ga' boos? hehehe... Ayo boos yang punya detik.com di kembangin lagi dong Portalnya...

heyaah... Apa hubungannya dengan buat banner pake Flash? yaa.. coba liat di detik sekarang pemasangan banner-nya hampir semua sudah menggunakan flash, karena selain lebih menarik dan bisa interaktif penampilannya, di era sekarang ini relatif lebih enak dibanding dulu2. Maksudnya untuk pemasangan banner dengan flash dulu pengelola website masih mikir2 karena pertimbangan user yang akan akses website tersebut ada flash-nya ga'? dan banyak yang belum familiar dengan ini, begitu liat website yang 'bolong2' karena gak keluar tampilan flash-nya dibilang 'jelek banget sih nih website'? hehehe..

Sebelum saya kasih Trik membuat banner dengan flash ini, mungkin perlu tau juga kalau buat banner ataupun animasi untuk keperluan di website dengan flash usahakan menggunakan versi 1 atau 2 dibawah dari versi yang sedang beredar sekarang, ini untuk menghindari banner kita kelewat 'canggih' :) yang mengakibatkan gak akan muncul juga kalau di buka menggunakan flash versi dibawahnya, yaa kalau yang sedang beredar sekarang adalah versi 9, kita buatnya pakai versi 7 atau 8 aja (di save ke versi tersebut maksudnya kalau buatnya sih terserah mau pakai versi berapa..)

Dan Tips-nya adalah karena objeknya akan bergerak, supaya menarik dan informasinya masuk dengan banner yang kita buat ini, kita buat satu layout 'akhir' apa informasi yang akan kita sampaikan dari banner yang akan kita buat tersebut.

Misal kita akan membuat banner dari sebuah 'logo', kita pisahkan satu objek dengan objek yang lainnya, seperti text title dengan objek logo tersebut dan dibuat satu persatu yang diakhiri dengan terbentuknya sebuah logo tersebut.

Untuk jelasnya coba ikuti langkah2 berikut, saya akan coba membuat banner animasi untuk logo millis 'blogger-indonesia@yahoogroups' yang ada di blog saya... heyaah.. kok logo millis blogger-indonesia mas yang dicoba? bilang aja mau nginvite ya mas? :) daripada logo yang lain nanti malah disangka jualan lagi.... hehehe

Tapi kalo yang mau join ya ga' dilarang dan semua tips dan trik saya pasti di posting disana... :)

Berikut langkah2-nya:

Langkah-1
Buat file flash baru dengan nama 'banner'

Langkah-2
Tentukan ukuran banner yang akan kita dibuat.
Saya akan coba banner dengan ukuran 200 x 100 px. Untuk merubah ukuran tersebut bisa melalu toolbar 'modify' | 'document', dan untuk fps (frame per second) gunakan standard aja yaitu 12 fps.


Langkah-3
Setting file flash menjadi versi dibawahnya, karena yang akan saya coba tidak membutuhkan animasi yang aneh2 atau dengan fitur yang ada di flash versi terbaru yaa.. saya coba dengan setting ke flash versi 7 aja, caranya dari:
'File' | 'Publish Settings' atau melalui menu 'setting' yang ada di bawah lembar kerja anda.

Dari window masuk ke tab 'flash' kemudian pilih 'version' dari menu option yang ada , rubah menjadi version 7.

Langkah-4

Bagi yang baru mencoba flash kenali lembar kerja flash anda, flash menggunakan 'time line' dengan kontek 'frame by frame' untuk membuat objek bergerak. Jadi ibarat kita menyusun gambar dari satu frame ke frame berikutnya yang kalau dijalankan akan membuat sebuah gerakan. Lihat gambar mana yang dimaksud dengan frame yang ada di atas lembar kerja anda.

Langkah-5
Buat objek satu demi satu dari logo yang akan dibuat banner dengan tool yang ada di sebelah kiri lembar kerja anda yang tidak berbeda dengan program pengolahan grafis seperti 'Photo Shop', 'Firework' dll.

Kebetulan yang saya buat adalah semua attributnya adalah text, tapi bila ada objek gambar tinggal diimport dahulu gambar tersebut melalui 'file' | 'import' | 'import to library' yang selanjutnya untuk memasukkan di lembar kerja tinggal di drag saja image yang ada di library-nya yang ada di sebelah kanan lembar kerja anda.

Langkah-6
Pisahkan satu objek dengan objek lainnya dengan layer dan menggunakan 'timeline' sendiri-sendiri, untuk memisahkannya coba dengan 'select all' (Ctrl-A) kemudian klik kanan pada objek tersebut 'distribute to layer' (lihat perubahan pada 'timeline' diatas lembar kerja anda). Hapus layer yang tidak digunakan dengan klik pada layer dan cklik icon 'del' yang ada di bawahnya.


Langkah-7
Untuk membuat suatu objek gerakan di flash kita buat sebuah 'keyframe'
Dari layer title 'blogger' dan pada 'timeline' klik pada frame 30 'insert keyframe' (F6)

Kemudian klik layer 'blogger' untuk 'menyorot' semua objek yang ada di 'timeline' tersebut,

lalu klik kanan dan 'Create Motion Tween'

Langkah-8
Anda telah membuat pergerakan objek title 'blogger' sekarang,

tapi karena terletak di tempat yang sama jadi pergerakannya tidak dapat terlihat, coba pindahkan objek yang ada di 'frame 1' ke tempat lain, dengan cara klik pada 'frame 1' kemudian klik dan drag objek 'title blogger' ke tempat yang anda inginkan, seperti pada gambar berikut.

Setelah itu 'Enter' untuk mencoba melihat pergerakan objek tersebut...
Yaa.. anda sudah membuat sebuat animasi sederhana menggerakkan objek di flash...

Ulangi langkah-7 dan 8 untuk membuat pergerakan objek yang lainnya 'indonesia', '@', dan 'yahoogroups', supaya tidak monoton coba buat pergerakan lainnya seperti pergerakan sebaliknya atau tidak hanya di drag tapi di perbesar objeknya yang akan membuat anmasi pergerakan objek dari besar ke kecil.

Sedangkan untuk pemunculan objek yang tidak bersamaan bisa di geser saja yang ada di 'timeline', dengan cara select 'timeline' objek klik dan geser ke timeline yang akan anda pindahkan, lihat gambar untuk jelasnya.

Langkah-9
Sampai sini anda telah membuat sebuah banner logo dengan flash, untuk langkah terakhir adalah mem-publish file flash anda ke format 'swf' supaya bisa dijalankan di website dari file editor flash-nya dengan format 'fla'.

Simpan file flash anda kemudian untuk membuat file 'swf' bisa dari:
'File' | 'Publish' yang akan disimpan di satu folder dengan file 'fla' flash anda.

Coba file banner anda, dan silahkan berkreasi dengan membuat banner2 yang menarik lainnya.

Selamat Mencoba!

Untuk yang ingin memperdalam flash atau bagaimana membuat animasi yang lainnya bisa coba2 disini: http://flashkit.com

[ read more ]

Pindah nge-Blog ke Wordpress, Gimana dengan Blogspot yang terlanjur 'Kondang'?

"Blog Saya pindah ke Wordpress Berbayar mas..", tiba2 message YM saya muncul. "Oo bagus..." saya jawab sekenanya :) karena emang lagi tanggung baca2 email masuk dan yang saya tau udah beberapa bulan ini teman saya nge-blog menggunakan alamat domain sendiri yang di re-direct ke Blogspot-nya, yang mengikuti Trik "Mengalihkan Halaman Website (Re-Direct Page)" dari blog saya katanya.

Dari email yang masuk ada email dari temen saya ini yang dikirim ke millis mengenai perpindahan blog-nya itu, gak lama dia manggil lagi "OK mas.. saya mau kasih tau yang lain lagi nih.." katanya lagi, walah.. yang saya tau blog-nya itu kan udah cukup rame dan lumayan "kondang" yang di blogspot dengan link dari blog2 lain yang mungkin udah ratusan, trus harus kasih tau ke semua gituh? Walah... Tape Deech!!! :)

Pindah Ngeblog ke Wordpress dengan hosting sendiri memang lebih safety dari sisi pengamanan data postingan kita di blog, tapi kalo blog kita udah terlanjur "kondang" seperti kasus diatas ya mending dialihkan langsung aja dari blogspot secara otomatis, gak perlu pemberitahuan lagi jadi kalau orang akses alamat blog kita yang di blogspot akan langsung masuk ke alamat domain kita yang baru itu.

Begini Triknya:
Dari Blogspot masuk ke Menu "Layout" | "Elemen Halaman"
Kemudian "Add a Page Element" | "HTML/javascript"

Di Kotak yang lebih besar halaman "HTML/Javascript" masukkan script javascript berikut:

<script language="JavaScript">
<!-- //ReverseFrameBuster
if (self == top) top.location.replace("[Alamat Pengalihan]");
//-->
</script>

Keterangan:
[Alamat Pengalihan] : URL domain anda (contoh: http://riristore.com)

Selamat Mencoba!

[ read more ]

Riuh-riuh Dian Sastro Nge-Blog

Waktu lagi nge-cek banner2 di Blog-Indonesia.com yang juga kunjungan wajib untuk melihat perkembangan postingan dari para "Blogger Indonesia".... heyaah.

Kok ya.. beberapa postingan baru disana nyebut "Dian Sastro nge-blog" - "Mboke.. Dian Sastro nge-blog" di judul-nya, saya pikir aach.. isue... paling orang iseng pakai domain Dian Sastro tapi sambil coba cari tau juga sich... hehehe ke URL-nya.. kan bener kan gak ada... alias blank!!

Tapi akhirnya ketemu juga URL-nya, baca postingan disana akhirnya percaya juga kalo ini beneran blog-nya Dian Sastro, "Yes! It is the real me!" katanya di salah satu postingannya ngeyakinin pengunjung kalau ini beneran blog-nya Dian Sastro.

Yang bikin geli dan senyam-senyum itu dari isi komentar2-nya walah "Indonesia Banget!!" hehehe... ada yang nyuri2 perhatian supaya ada kunjungan balik, sampai ada yang girangnya minta ampun sambil jungkir balik :) blog-nya dikunjungi ama 'celeb' yang satu ini... hahaha

".... aku lalu merasakan cinta yang sangat tulus, entah dari mana, aku rasanya disayaaaang banget, dan itu semua hanya..." dari postingan ini di blog-nya Dian Sastro yang komen.. ampun!!!

Belum lagi postingan2 di blog-nya masing2, seperti postingan dari para "Celeb Blog" ini... eee walah bener2 bikin ketawa sendirian dari komentar2nya, seperti disini: Sastro Pecas Ndahe, Blog Pemuas Dahaga ituh.., Lagi lagi blog pemuas dahaga dan masih banyak lagi... silahkan blog walking yang mau ikut senyam senyum sendiri :)

Selamat meramaikan dunia Blogsphere Dian!!

Konon Dian Sastro juga udah ngajak Titi Kamal dan Luna Maya tuk nge-blog juga katanya... halah.. eeh URL blog-nya Dian Sastro dimana yah? cari sendiri dech... huehehe

[ read more ]

Cerita di Milad-2 TDA 2008

Saya beruntung akhirnya bisa menghadiri Acara Milad-2 TDA 2008 hari minggu lalu tanggal 27-January-2008 di Gedung Bank Syariah Mandiri (BSM) lantai 11, yang dihadiri hampir sekitar 500 Member dari Komunitas TDA (Tangandiatas) termasuk beberapa Media yang meliput acara tersebut. Dan Acara Milad ini merupakan acara puncak dari sederetan kegiatan2 selama setahun komunitas ini, dari Seminar, Workshop, Bedah Buku, Buka Kios Bareng, sampai Mastermind Group.

TDA (Tangandiatas) sendiri merupakan komunitas para pengusaha, dengan istilah Tangandiatas "Lebih Baik Memberi daripada Menerima". Sedangkan Cikal Bakal komunitas ini adalah diawali dari pertemuan Talk Show oleh Pak Haji Alay di RM. Sederhana yang dihadiri oleh sekitar 30 members pada awal tahun 2006 lalu, yang di prakarsai oleh Pak Rony Yuzirman Sang Jendral TDA yang menjadi Founder dari Komunitas ini. Kemudian ditetapkanlah tanggal 22-january-2006 merupakan tanggal berdirinya komunitas ini yang selanjutnya ditunjuk ada 17 Member sebagai Co-Founder Komunitas TDA ini,

Mereka Adalah:
Iim Rusyamsi, Agus Ali, AR. Hantiar, Zahratul W. (Waru), Joko Purwanto, Yulia Astuti, Hertanto Widodo, M. Abduh, Bambang Sugiharto, Ari Sudradjat, Purwantiko Yunaryo, Hasan Basri, Purwoko Widodo, Khairul Yanis, Joseph Hartanto, Febby Rudiana, dan Budi Rachmat.

Diantara Co-founder ini adalah peserta Talk Show Pertama tersebut yang ikut 'take action' dan menerima tawaran dari Pak Haji Alay di ITC Mangga Dua dan Metro Tanah Abang, atau ada beberapa dari mereka yang tidak ikut tawaran tersebut tapi tetap aktif di TDA sampai sekarang.

Di usia yang relatif masih 'bayi' ini dengan Kurikulum BDSA-nya (Belief, Dream, Strategy, and Action) komunitas ini patut di acungi jempol dengan pergerakan yang sangat Dahsyat dan Fuuntastic, yang pada saat Milad-2 2008 ini menginjak usia 2 Tahun-nya sudah hampir 1.700 Member bergabung didalamnya.

Rasa Kebersamaan dan Kekeluargaan di antara para member memang sangat terasa kental di Komunitas TDA ini, selain adanya rasa saling berbagi diantara para member untuk saling 'support' dan mengingatkan.

Dan saya patut bersyukur bisa berada di dalam Komunitas ini, bergabung-nya saya di komunitas ini sekitar bulan Juni 2007 lalu melalui Millis Tangandiatas, walaupun sampai saat ini baru hanya dapat memberi sedikit kontribusi saja untuk Komunitas yang FUUNTASTIC ini, seperti memberi kemudahan para member untuk saling ber-silaturahmi di media 'Blog' berupa 'Blogroll TDA', memberi sedikit pengetahuan tentang membangun 'Blog' ataupun 'Website' bagi member yang membutuhkan, karena media ini merupakan 'kendaraan' bagi para member untuk 'menjual' atau 'mempublikasikan' produk2nya, dan membantu kegiatan 'Workshop' yang diadakan oleh komunitas ini.

Di Acara Milad-2 TDA kali ini selain dari acara2 yang hampir semua berbobot saya salut dengan penampilan Pak Isdianto (Pemilik Majalah Wirakeusahaan dan Keuangan) yang men-support untuk para member TDA ini diberi kesempatan untuk mempublikasikan produk2nya di majalah yang dia miliki bahkan di media lain, yang tidak sedikit dari peran Pak Isdianto ini beberapa member bisa lebih dikenal produk2nya di masyarakat dan terjual laris manis tentunya. Menurut saya memang pantas beliau mendapat anugrah sebagai "Inspiring Supporter" dari Sang Jendral TDA Pak Roni Yuzirman.

Selain itu saya bisa bertemu dengan ciri 'kehangatan' dari para member TDA ini yang sebelumnya hanya dapat bertegur sapa melalui 'dunia maya', dari Pak Wuryanano yang 'Selalu Prima', Pak Bams 'Sang Pendekar Joglo', Pak Harmanto yang 'Cool', Pak Hadi 'Sang Raja Selimut yang Kekar' dan banyak lagi para member yang lainnya. Di acara ini benar2 terasa berbeda bila dibandingkan dengan pertemuan2 di Komunitas lain.

Memang di acara ini dari asiknya bertemu rekan2 TDA serta suguhan acara yang selalu Segar dan berbobot di setiap sesi-nya saya harus 'Bertempur' dengan rasa kantuk yang luar biasa, sampai2 istri saya Riri Rianawati harus beberapa kali menyenggol tangan saya pada saat saya 'melenggut'... halah.. kok bisa... hehehe.

Mungkin 3 hari sebelum Acara Milad ini hanya bisa tidur beberapa jam kali yah... :) karena maklum mendapat tugas 'last minute' dari Sang Ketua Acara Milad Pak Faif Yusuf dan Pak Rosihan untuk membuat 'Opening Multimedia' di Acara tersebut, yang sebelumnya saya ragu bisa selesai tepat sebelum acara dimulai. Dari perkiraan saya pekerjaan ini harus dikerjakan dengan team selesai dalam waktu minimal 2-3 minggu.

Dari Pemilihan Materi yang akan ditampilkan yang biasanya akan mempengaruhi sebuah event, pencarian Back Sound yang sesuai, Sound Effect, Animasi, Title, Image, Video, dsb harus benar2 sesui event yang akan diadakan, inipun kalau mau bener2 Dahsyat loh... :)

Tapi Alhamdulillah tugas ini selesai juga tepat jam 6 pagi 'Teng Tong!' di Hari Minggu yang 'Cerah' ini.. hehehe... walaupun masih ada sedikit beberapa ganjalan sana sini untuk menyelesaikannya, yang besok-nya saya coba kembali kok ya.. bisa selesai... hehehe sudah termasuk 3d di Bumper Opening tersebut, Video, Sound Effect, Animasi, Image Gallery dsb dsb... sebuah keajaiban dan berkah untuk Milad-2 TDA ini.

Terima Kasih Pak Faif Yusuf dan Pak Rosihan untuk tantangan ini, setidaknya saya masih bisa memberi sedikit kontribusi di Acara Milad-2 TDA kali ini.

Selain itu Alhamdulillah juga saya mendapat urutan ke-5 dari Pemilihan Blogger Favorit di 'TDA Blogger Award' walaupun yang mejeng dan mendapat Piala sampai Urutan ke-3.. hehehe
Banyak2 Terima Kasih yah.. yang sudah susah2 pilih dan dukung Blog Saya ini. Urutan Pertama sendiri untuk Award ini di tempati oleh Sang Begawan yang 'Selalu Prima' Pak Wuryanano, disusul 'Sang Pendekar Joglo' Pak Bams dan di urutan ke-3 oleh Bu Yulia Astuti 'Moz5'.

Sukses Terus TDA!!!

Salam Fuuntastic!

[ read more ]

Blogger VS Wordpress

Sebenarnya bagus mana sih nge-blog dengan menggunakan Blogspot atau wordpress?

Pertayaan ini hampir terus keluar entah dari yang baru mau nge-blog, sudah punya blog, bahkan seorang 'Blogger' sekalipun.. hehehe emang-nya ada yah Blogger? kedengerannya serem aja seperti mahluk apa gitu yang turun dari UFO? :)

Apalagi setelah kasus di 'hapus'-nya Blog sang Blogger Kondang A.Fatih Syuhud dari Blogspot tempo hari, berduyun2 para Blogger pindah dari yang sekedar untuk backup data blog-nya sampai permanen pindah ke Wordpress.

Tapi setelah pindah banyak juga yang bingung sampai2 kalau ada yang tanya: Alamat blog-nya dimana mas? "Kalau mau lihat blog saya yang di Blogspot silahkan masuk di http://blablaableeh.blospot.com sedangkan kalau yang di Wordpress silahkan akses di alamat berikut http://wowowyeaah.wordpress.com" begitu dibuka kok isinya sama ya mas? " ya iya... kan cuma di export isinya dari blogspot dengan fitur yang ada di Wordpress".... hehehe sambil nyengir kuda si mas-nya.
Nah loh kalo udah begini gimana dong? mau nge-blog apa mau koleksi blog nih mas? :)

Memang untuk kategori ‘Free’ keduanya Blogspot maupun wordpress mempunyai kelebihan dan kekurangan dari masing-masing penyedia jasa blog kondang ini.

Banyak orang bilang kalau nge-blog di Wordpress lebih cepat aksesnya, template-nya lebih enak dipandang dan pilihanpun berfariasi. Memang ini salah satu alesan kenapa banyak orang pilih nge-blog di Wordpress ke timbang di Blogspot (biar kelitan keren dan elegant lah.. hehehe). Tapi begitu mau pasang 'Shoutbox' kok gak bisa yah? ya iya lah di Wordpress kan banyak tag HTML yang Not Allowed termasuk tag -iframe - yang biasa di pakai para pembuat 'free shoutbox' (termasuk saya juga pakai tag -iframe- untuk membuat TDA Blogroll untuk komunitas Tangandiatas), begitu juga kalau mau menggunakan 'Javascript' gak dibolehkan di Wordpress, mau pasang Flash atau Video apalagi harus dari URL referensi dari Wordpress, walaupun salah satunya Youtube boleh sih.. yang gak bisa seperti kita pakai URL dari domain yang kita punya atau dari free hosting yang kita punya.

Kok gitu yah? ya iya namanya juga orang jualan dan Wordpres kan pakai system SSL (Sok Secure gitu Looh) hehehe... atau alesan simple-nya ya biar aman.

Tapi kalau di Blogspot mau pasang Shoutbox tinggal copy script dari penyedia jasa shoutbox tinggal paste di element baru HTML/Javascript-nya, begitu juga kalau kita ingin menggunakan Javascript kita tinggal ambil dari sembarang 'free javascript' aja, dan untuk tag HTML-nya hampir semua diloloskan, belom lagi kalau mau pasang animasi flash hasil kresi kita sendiri atau video yang kita link ke domain sendiri OK aja dan gak harus dari referensi seperti di Wordpress.

Ya itu semua beberapa kelebihan dan kekurangan kalau nge-blog dengan Blogspot atau wordpress, yang pasti kelebihannya adalah sama-sama kasih free untuk menggunakan fasilitas ini :). Tapi untuk Wordpress yang dimaksud adalah Wordpress dengan hosting yang gratisan yah.. dengan domain .wordpress.com bukan Wordpress yang Open Source.

Jadi menurut saya dan sekedar saran saja...
Bagi yang ingin nge-blog dan untuk pengguna pemula sampai menengah yang ingin FUN untuk nge-blogging sebaiknya anda pilih Blogspot untuk itu, karena tidak akan terlalu banyak batasan-batasan untuk berkreasi dan mempercantik blog anda, tapi bila anda ingin ke arah profesional blog dan sudah memikirkan keamanan data yang ada di blog anda sebaiknya migrasi ke Wordpress tetapi bukan yang Free melainkan dengan Wordpress yang Open Source yang di install di hosting milik kita sendiri, dijamin akan Power Full blog anda dan bebas untuk berkreasi.

Untuk Aplikasi Wordpress Open Source bisa di download disini

Selamat Berkreasi!

[ read more ]