Membuat Banner header animasi Flash bg 1

Setelah menimbang, membungkus dan membeli, ternyata eh ternyata, bikin banner baik itu untuk di simpan di bagian sidebar atau header, menurut saya lebih bagus pake animasi file flash dari pada animasi file gif.

Selain pertimbagan ukuran flash bisa lebih kecil dari file gif, banner animasi dengan flash bisa lebih pariatif, kaya akan pergerakan animasinya, pengulangan animasi dapat di kontrol dan kelebihan lainnya.

Nah untuk postingan kali ini, saya akan bagi-bagi informasi tentang membuat banner header animasi flash dengan bantuan program Swishmax. dan jangan khawatir program ini sangat instan dan mudah di gunakan, walaupun kita belum tahu sama sekali dengan program flash yang satu ini.

hasil akhir atau target yang akan kita pelajari tentang membuat banner header animasi dengan flash ini, bisa anda lihat di sini. dan sengaja saya perlihatkan pula di bawahnya ilustrasi gambar antar muka program swishmax tersebut untuk tambah memudahkan dalam mengikuti tutorialnya. ( jadi buka terus contoh banner tersebut )

baiklah mari kita mulai.

Jika anda belum mempunyai program swishmax donlot dulu program swishmax versi trial-nya di swishzone. kemudian instal sesuai prosedur.

Sedangkan tutorial ini saya mengunakan Swishmax v 5. jadi jika ada yang mengunakan swishmax terbaru tinggal menyesuaikan saja.

1. Buka program Swishmax.kemudia pada Movie Panel pilih tab Movie dan atur setingannya seperti ilustrasi gambar.

2. Kemudian dalam ruler atas drag  sebuah guide, begitu juga drag sebuah guide dari ruler samping kiri.

tambah dan atur guide-nya hingga seperti  gambar.

 

3. Dalam Outline Panel, klik tab Insert - > pilih Text.

 

4. kemudian  dalam jendela text tulisankan " Jaloee Blog " atau nama blog kamu. Sedangkan pada Panel Text atur settingannya seperti gambar .

 

5. Pilih Select Toll .

 

kemudian pada layar kerja ( layout Panel ) Drag atau geser tulisan ke samping kiri atas.lihat gambar

 

6. Kemudian dalam tab  Inser — pilih Text buat lagi beberapa tulisan. ( caranya seperti langkah ke  3 dan ke 4 ).

Tulisannya yaitu

1. PERSONAL ( jenis font : Alien Encounters. Ukuran : 30 )
2. – Photoshop ( ukuran: 12 )
3. – Blogger  ( ukuran : 12 )
4. – Grafis ( sama )
5. – Free Template ( sama )
6. – Css Html ( sama )
7. – Web Layout
8. – Banner
9. – BlogBlogging

( atau buat tema-nya sesuka kita ). dan atur posisinya seperti gambar di bawah.

 

7. Kemudian pilih Auto shape toll.

dalam Shape Panel atur warnanya.

Setelah itu buat sebuah kotak dan buat juga di atas kotak sebuah tulisan yakni " Because I love To Share ". hasilnya seperti gambar berikut.

Bersambung : Cara Menganimasikan di program Swishmax.

 

<<<Previous

|

Next>>>

Ikuti terus update informasi blog ini. Silahkan Klik dan masukan emal anda untuk berlanganan Via Email Subscription atau klik Subscribe Via Rss Feed .
Makasih juga atas kunjungannya.

Technorati tags: Animasi Flash, Tutorial New Blogger

Menambah Meta Tag di New Blogger

Idealnya sebelum kita mengundang atau mendaftarkan blog kita ke mesin pencari google dan yahoo ( lihat ). blog kita sudah di isi atau diberi sebuah meta tag, yaitu sebaris  informasi tentang conten dan deskripsi blog kita dengan serangkainya kata kunci atau sering di istilahkan dengan keywords ( sebaris kata atau phrases yang kita tentukan ).

Kata kunci apa yang cocok dengan blog kita ?

Tentu saja yang sesuai dengan isi blog. jangan sampai antara meta tag dan isi blog tidak bersesuaian. karena dengan memanipulasi kata kunci setidaknya akan merugikan dan membuang-buang waktu bagi pengguna internet yang mengharapkan informasi yang relevan.

Sebagai contoh jika blog kita membahas tentang parawisata, maka keywordnya adalah parawisata. Jika blog kita membahas tentang politik, maka keywordnya adalah politik.

Dan yang lebih bagus ketika membuat keyword harus di tambah dengan kata yang lebih spesifik lagi.

Misalkan tentang parawisata bisa di tambah dengan kata yang lebih specifik lagi, seperti Tip parawisata, panduan parawisata dll. Tentang politik : politik islam, politik uang, demokrasi politik dll.

Baiklah saya asumsikan kita telah menemukan kata kunci yang cocok untuk di pasang sebagai meta tag blog. tugas kita sekarang menyisipkanya ke dalam template new blogger kita.

1. buka blog kita dalam tab Template - klik Edit Html.

2. Cari kode ini ( masih dibarisan atas Html.)

<title><data:blog.pageTitle/></title>

2. Kemudian di bawahnya tambahkan atau masukan kode ini .

<meta content='ISI DESCRIPTION ' name='description'/>
<meta content='ISI KEYWORDS ' name='keywords'/>
<meta content='ISI AUTHOR NAME' name='author'/>

Isi Description : Isi dengan keterangan blog kita.
Isi Keywords : Isi dengan kata kunci yang di pisahkan dengan koma misalkan : Politik, Politik Order Baru, Demokrasi Politik.
Isi Author Name : isi dengan nama kita.

ilustrasi gambar.

Tambah Vitamin.

Jika anda ingin meluaskan pepahaman dan pengetahuan yang berhubungan dengan cara kerja Search Engine dan keywords ini, saya merekomendaikan anda untuk membacanya di blog belajar-yok.blogspot. atau bisa juga buka di id.wikipedia.org.

Baca Juga :

1.Mendaftarkab Blog di Search Engine Google.

2.Mendaftarkan Blog di Search Engine Yahoo.

 

Ikuti terus update informasi tentang new blogger di blog ini. Silahkan Klik dan masukan emal anda untuk berlanganan Via Email Subscription atau klik Subscribe Via Rss Feed . Makasih juga atas kunjungannya.

Technorati tags: SEO, Tutorial New Blogger

Pasang Animasi File " Flash " Di New Blogger

Tidak kepikiran blog ini saya pasang juga animasi file " Flash ". padahal awalnya saya cuman mau membantu mas jujuk untuk di carikan kodenya agar bisa blog na itu di pasangin  animasi Flash.

Namun karena ngga ada kerjaan, kemarin saya coba bikin animasi Flash sederhana, dari program tua " Swismax ". Program yang menurut saya sangat mudah digunakan dan instan. di bandinkan dengan program Flash Cs3. ( yg 99% lupa lagi cara kerjanya ).

hasilnya bisa di lihat di samping kiri blog ini. dan jika di klik akan menuju pada alamat feed yang saya miliki.

Dan untuk memasang file flash ke dalam New Blogger caranya sangat mudah. saya mendapatkan kode ini dari bloggerdummie.

1. Siapkan file flash yang sudah kita buat ( saya sarankan file-nya  jangan terlalu berat/besar )

2. buka situs www.googlepages.com. kemudian login pake accoun Gmail yang kita miliki.

3.  Setelah terbuka klik tulisan upload. kemudian tekan tombol browser dan cari file flash yang telah kita siapkan di komputer.

Dan setelah file Flash-nya tersimpan. dekatkan mouse pada  file tersebut. untuk mengetahui alamat url file flash-nya. ( untuk Fire Fox lihat di samping kiri di bawah ).

 

Atau cara yang mudah klik kanan mouse pada file flash tersebut,dalam menu yang terbuka  pilih Copy Link Location. untuk mengcopy alamat urlnya.

 

4. Kemudian buka blog kita dalam Halaman Elemen pilih elemen Html/Javascript.

Masukan kode di bawah ini dalam elemen Html/Javasript :

<object width="150" height="340"> <param value="MYFLASH.swf" name="movie"/> <embed width="150" src="URL OF MYFLASH.swf" height="340"> </embed> </object>

Ganti ukuran nilai width dan height, dengan ukuran file Flash yang kita buat.

Kemudian cari dan ganti juga tulisan ini.

URL OF MYFLASH.swf

dengan alamat url file flash-nya, yakni.

 

Tutorial dan Link Yang Berhubungan Dengan SwisMax.

1. ilmukomputer.com

2. Google Search

 

Ikuti terus update informasi tentang New Blogger di blog ini. Silahkan Klik dan masukan email anda untuk berlanganan Via Email Subscription atau klik Subscribe Via Rss Feed . Makasih juga atas kunjungannya.

 

Technorati tags: Animasi Flash, New Blogger

Membuat Banner Header Animasi flash bg 2

Sekarang kita akan meng-animasikan tulisan-tuilisan yang telah kita buat. Untuk kita berkonsentrasi di bagian Time Line saja.

 

1. Di bagian timeline ini pilih tulisan " Jaloee Blog ", kemudian pilih juga Frame 5. lihat gambar.

 

2. Tekan tab Add Effect.

pada menu yang terbuka pilih Slide – In From Right.

 

3. Dalam TimeLine Panel tekan dua kali effect ”Slide In From R“

 

 

kemudian pada jendela yang terbuka ganti nilai durasinya ke angka 30.

 

4. Masih pd tulisan Jaloee Blog. pilih Frame 35 kemudian buka tab Add Effect – Appear Into Position – 3d Spin in and grow. ( cara melakukannya seperti langkah ke 1,2 dan 3 ).

 

5. Sekarang pilih tulisan “ Personal ” . dan pilih frame 60 kemudian buka tab Add Effect – Appear Into Position – Come around from back.

 

6. Pilih tulisan “ - Photoshop ”. pada Frame 85 buka tab Add Effect – Fade – Fade In.

 

7. Kemudian pilih tulisan " - Blogger ". pada titik akhir durasi Frame "-photoshop " tambahkan Effect – Fade – Fade In. seperti terlihat pada gambar.

 

lakukan yang sama untuk tulisan " Grafis " s/d " BlogBlogging ".

Atau yang paling bagus kita mengatur animasi untuk tulisan photoshop s/d blogbloging tampil secara acak.

 

 

8. Sekarang kita pilih Auto shape ( kotak ) yaitu  kotak yang  tadi kita buat.

kemudian pilih frame setelah durasi frame tulisan BlogBlogging tambahkan Add Effect – Appear Into Position - Come in Helo-helo.

 

9. Yang terakhir pilih tulisan " BeCouse I Love To Share ". pilih frame-nya setelah frame durasi Auto shape. tambahkan Add effect– Appear Into Position - Bullet Ripple In dan masih pada tulisan yang sama tambahkan juga Add Effect – Appear Into Position – Wild Typewrite.

Bersambung : Menyimpan ke dalam file Flash.

 

<<<Previous

|

Next>>>

Ikuti terus update informasi blog ini. Silahkan Klik dan masukan emal anda untuk berlanganan Via Email Subscription atau klik Subscribe Via Rss Feed .
Makasih juga atas kunjungannya.

Technorati tags: Animasi Flash, Tutorial New Blogger

Menambah Background-Gambar pd Blog

Untuk menambah background-image ( bergambar ) pada blog.ada dua cara yang bisa kita gunakan. Cara pertama Bisa dengan satu gambar yang ukuran-nya sesuai dgn halaman blog, atau cara kedua mengunakan gambar kecil yang di repeat (di ulang-ulang) hingga menyesuaikan dengan halaman blog.

Cara yang Pertama :

1. Siapkan gambar ukuran 1024 x 768 px.( untuk di tampilkan pd monitor dengan Resolution 1024 x 768 px atau di bawahnya ) atau gambar ukuran 800 x 600 px ( untuk di tampilkan pada monitor resolution 800X600 px ).

2. Setelah itu Upload gambar atau simpan pada Image hosting seperti Photobucket, Googlepages atau image hosting yang biasa kita gunakan ( untuk yg belum tahu cara menyimpan gambar pd image hosting klik di sini )

3. Sekarang buka blog kita pada halaman Template -> buka tab Edit Html. kemudian cari kode/tag css Body {... } misalkan kodenya seperti ini.

body {
font: normal 85% / 100% "Trebuchet MS",Tahoma,Arial;
color: #000;
background: #FFFFFF;
}4. Kemudian tambahkan saja properti  ini :

background-image: url (http://alamat gambar kamu.com/image.jpg);

Dan hasil pengabungannya seperti ini.

body {
font: normal 85% / 100% "Trebuchet MS",Tahoma,Arial;
color: #000;
background: #FFFFFF;
background-image: url (http://alamat gambar kamu.com/image.jpg);
}

Cara Yang Kedua

Mengunakan nilai repeat ( di ulang-ulang ). yang terbagi ke dalam tiga penulisan :

1. Me-repeat image baik secara vertikal dan horizontal.

Contoh ilustrasi gambar ...+/-

 

ukuran 200 x 200 px

Penambahan properti-nya seperti ini.

background-image: url (http://alamat gambar kamu.com/image.jpg);
background-repeat:repeat;hasil pengunaanya seperti background blog ini, atau bisa di lihat juga di sini.

2. Me-repeat gambar secara vertikal saja.

Contoh ilustrasi gambar ...+/-

ukuran 1024 x 99 px

Penambahan properti-nya sperti ini.

background-image: url (http://alamat gambar kamu.com/image.jpg);
background-repeat:repeat-y;hasilnya bisa di lihat di sini.

3. Me-repeat gambar secara horizontal saja.

Contoh ukuran gambar ...+/-

ukuran 198 x 768 px

Penambahan properti-nya seperti ini.

background-image: url (http://alamat gambar kamu.com/image.jpg);
background-repeat:repeat-x;hasilnya bisa di lihat di sini.

Gambar yang bisa di gunakan untuk background-image ini : Jpg, Gif, Png.

 

Beberapa link penyedia background-image :

1.grsites.com
2.customize.org
3.veredgf.fredfarm.com
4.loreleiweb.com
5.designpacks.com
6.kollermedia.at
7.backgroundcity.com

 

Ikuti terus update informasi New Blogger di blog ini. Silahkan masukan email anda untuk berlanganan Via Email Subscription atau klik Subscribe Via Rss Feed .Makasih juga atas kunjungannya.

 

Technorati tags: Background Layout, New Blogger

Membuat Banner Header Animasi Flash bg 3

Pada tulisan sebelumnya, kita bisa saja langsung mensave animasi yang kita buat ke dalam file Flash. namun ada tugas terakhir agar banner yang kita buat tidak me-looping atau mengulang dari awal secara keselurahan, tapi cukup pada animasi bagian terakhir saja. dan ini di lakukan dengan membuat script sederhana.

1. pilih tulisan scene_1 di Timepanel, dan pilih juga Frame yang paling akhir .

 

2. Tekan tombol Add Script.pada menu yang terbuka pilih movie control – gotoAndPlay – gotoAndPlay ( Frame ).

menambah movie control di atas artinya kita akan mengontrol jalanya animasi. di antaranya yang bisa kita lakukan mengontrol agar animasinya melooping ( mengulang ) hanya pada frame yang kita tentukan saja.

3. Setelah terbuka jendela script-nya.

tulisankan nila atau di Frame berapakah kita akan mengulang animasinya. misalkan animasinya mengulang hanya pada animasi frame 225.

4. Langkah yang terakhir. pada Movie Panel kita pilih tab Scene kemudian di samping tulisan On Click pilih : Go to link (url). dan pada kotak kosong isi alamat (url) blog kita atau alamat (url) feed. artinya ini jika kita menekan banner ini maka akan menuju pada halaman depan blog atau feed kita.

5. Setelah beres kemudian buka menu File – Export – SWF atau Ctrl + E.

6. Huhuhui sekarang kita punya banner header animasi flash, untuk memajangnya di blog kita baca saja caranya di sini.

 

<<<Previous

|

Next>>>

Technorati tags: Animasi Flash, New Blogger Tutorial

Mendaftarkan Blog ke Search Engine Google

Sebenarnya cara yang relatif mudah untuk menarik pengunjung ke blog kita. ialah banyak-banyaklah berkunjung ke blog lain, isi shoutboxnya dan kalau perlu berkomentar, semakin akrab semakin baik. karena dengan cara demikian sebenarnya kita telah beriklan  tentang keberadaan blog kita sendiri . 

Namun jika blog kita ingin menarik pengunjung dari hasil pencarian - dan ingin terindex  ke dalam  mesin pencari (Search Engine) seperti google dan yahoo.  yang  harus kita lakukan adalah mendaftarkan  blog kita ke dalam mesin pencari tersebut.

Caranya : 
Untuk google. ( dgn istilah " mensubmit " Sistem Sitemap )

1. buka google webmaster tools kemudian daftar mengunakan gmail account yang kita miliki.

2. Setelah login, maka akan terbuka jendela untuk mendaftarkan alamat blog . isi alamat blog - tampa di awali dengan http:// atau www. cukup seperti jaloee.blogspot.com  - pada kotak Add Site, lalu klik tombol OK.

3. Selanjutnya Klik pada tulisan link Verify Your Site.

4. Pada ComboBox pilih Add a Meta Tag.

 

5. Kemudian pilih semua tulisan  <meta name="verify-v1"...dst. klik kanan mouse copy.

6. Selanjutnya buka blog kita. pada halaman Template -> buka tab Edit Html.  masukan dan simpan meta name verifikasi yang tadi kita copy setelah tag :
<title><data:blog.pageTitle/></title> .

dan bisa juga tambahkan di bawahnya code ini.

<meta name="robots" content="INDEX, FOLLOW"/>

setelah beres klik tombol Simpan Template. 

7. Kembali ke halaman google webmaster tool. kemudian klik tombol Verify, untuk mengkorfirmasi pendaftaran. jika proses berhasil akan menampilkan layar you have sucessfully verified.

 

Sampai saat ini kita telah berhasil mensubmit sitemap blog kita untuk di craw oleh google. untuk selanjutnya masih dalam  google webmaster tool klik link tulisan Dashboard setelah terbuka halaman Dashboard, klik tulisan Add di samping kanan ( atau di bawah kolom Sitemap )

Setelah terbuka halaman Add Sitemap.dalam kotak Combobox pilih  Add general web sitemap.

kemudian isi kotak kosong di samping kanan alamat blog  dengan dua pilihan apakan type  rss.xml atau atom.xml

atau

Setelah itu klik tombol Add General Web Sitemap

Bonus.

Untuk bonus buka http://www.google.com/addurl/ kemudian masukan alamat blog kita.pada kolom comment isi dengan meta tag atau komentar blog kita misalkan New blogger, Jakarta, dll.

Atau buka juga blogsearch.google.com. pada kotak input isi dengan alamat blog kita. kemudian tekan tombol Sumbit Blog.

Yeaaah..

Sekarang blog kita sudah terdaftar dan di index ke dalam search engine google. kita bisa mencek 2 atau 4 hari   detail statistik blog kita. begitu juga untuk melihat hasilnya di search engine google. untuk menceknya masukan saja alamat blog kita ke dalam kotak pencarian atau kata kunci yang berhubungan dengan blog kita.

Ikuti terus update informasi New Blogger di blog ini. Silahkan Klik dan masukan emal anda untuk berlanganan Via Email Subscription atau klik Subscribe Via Rss Feed .Makasih juga atas kunjungannya.

Technorati tags: SEO, New Blogger

Mendaftarkan Blog di Search Engine Yahoo

Setelah mendaftarkan New blogger kita di google ( lihat ). sekarang bagaimana cara mendaftarkan blog kita di mesin pencari miliknya Yahoo, yang mengunakan istilah Site Explorer. yaitu  setelah blog kita terdaftar di mesin yahoo, maka kita bisa mengecek jumlah halaman blog kita yang terindeks di Yahoo, dan melihat informasi link dari dan ke blog kita.

Untuk mendaftar di Search Engine Yahoo.

1.Buka Yahoo Site Explorer 

2. Setelah terbuka pada tab menu di atas klik Sign in dan login mengunakan akun yahoo mail yang kita miliki.

3. Kemudian masukan alamat blog kita pada kotak kosong di bawah tulisan My Site. selanjutnya klik tombol Add My Site.

4. Setelah itu, kita memerlukan untuk Authenticate ( menverifikasi kepemilikan ). klik tab Authenticate.

5. Setelah terbuka halaman baru, gulung layar pada halaman paling bawah pada tulisan To add a META tag to your home page.kita di beri sebaris Meta Tag untuk di masukan ke dalam template blog kita. Copy meta tag tersebut.

 

6. Selanjutnya buka blog kita. pada halaman Template -> buka tab Edit Html, Tambahkan atau simpan  Meta Tag tersebut ke dalam template kita di bawah tag :
<title><data:blog.pageTitle/></title>
( atau di bawah meta verifikasi dari google ) :

kemudian klik Simpan Perubahan

jika blog kita tidak bisa di parse atau  tidak bisa di simpan, tambahkan string - slash  atau " / " pada bagian akhir Meta tag tersebut.

contoh setelah di tambahkan " / " pd bagian akhir.

<META name="y_key" content="ae978c2d2e0ae141"/ >

7. Setelah Meta tag tersebut di simpan ke dalam template, balik lagi ke halaman  yahoo, kemudian klik tombol Ready Authenticate.

Selanjutnya kita di beri pesan bahwa blog kita sedang di proses kepemilikanya. 'Your site is pending authentication'

8. Kemudian klik tulisan Site explorer home. Setelah halamannya terbuka tandai ( check ) kotak kosong di samping tulisan Manage setelah itu tekan tombolnya.

9. Pada halaman ini kita mempunyai dua pilihan untuk menambah atau mengisi Feed-nya dalam kotak kosong yang tersedia. Apakah rss.xml atau atom.xml.

atau

jika telah menentukan pilihannya klik tombol Add Feed.

Yeaahhhh

Sekarang kita telah mendaftarkan blog kita ke dalam mesin pencari Yahoo ( seperti yang telah kita lakukan mendaftarkan blog kita pada mesin pencari google lihat di sini ). untuk melihat hasilnya blog kita di index oleh pencarian yahoo, kita tunggu paling lambat dua hari setelah kita mendaftar.

 

Ikuti terus update informasi New Blogger di blog ini. Silahkan Klik dan masukan emal anda untuk berlanganan Via Email Subscription atau klik Subscribe Via Rss Feed .Makasih juga atas kunjungannya.

 

Technorati tags: SEO, New Blogger