Saturday, December 31, 2011

Membuat GIF Animasi Secara Online

Layanan Gif animator secara online banyak berceceran di internet salah satunya adalah  www.picasion.com. Situs penyedia animasi gif ini meskipun sangat sederhana tapi lumayan, apalagi tukang desain web yang lagi dikejar target, tapi meskipun begitu aku anjurkan masbro tatap harus bisa untuk membuat animasi Gif secara profesional, yang biasa dipakai tukang web design adalah Ulead Gif Animator silahkan intip disini!!.

OK. tapi pada pokok bahasan kali ini kita akan membuat animasi gif menggunakan layanan online, disini aku memakai www.picasion.com

Langkahnya sebagai berikut;
Buat Desain dua atau tiga buah dengan CorelDRAW, misal seperti gambar dibawah ini;

             Gambar 1

             Gambar 2

Masuk ke situs www.picasion.com klik disini!!
Masukkan gambar yang telah kita buat pada kolom Image;



Cari dan pilih pada komputer kita, lakukan juga untuk kolom kedua dan ketiga, tapi disini aku cuma buat dua image;


Kemudian sampeyan bisa menentukan ukuran dan kecepatannya, setelah selesai klik Create Animation dan secara otomatis gambar sampain ter-upload, kemudian muncul code untuk Url, copy code tersebut, kemudian klik Save this animation, dan upload pada Postingan sampeyan;


Hasilnya akan seperti gambar dibawah ini


 Sekian. Selamat mencoba...

Membuat Sidebar berada di Kiri dan Kanan

Kalau sampeyan benar-benar akan serius menggeluti bisnis internet pasti pada blog-blog milik Mas Bro sekalian jelas memerlukan penambahan pada kolom sidebar, karena mungkin akan banyak sekali iklan-iklan yang akan di pasang pada blog sampeyan, bahkan sampai tidak kelihatan postingannya karena tertutup oleh iklan yang bejibun .... hehehe.. hayo... siapa yang begitu...

OK.. terlalu berlebihan aku ngomelnya hehehe...
Untuk menambah kolom sidebar, misalnya blog kita cuma ada 1 kolom sidebar yaitu pada sisi kanan, kita akan menambah pada sisi kiri  pada template desain, caranya sangat mudah dan sederhana, kita tinggal pencet Rancangan --> Perancang Template... tentunya sampeyan sudah login ke Blogger.


Pada halaman Perancang Template pilih Tata Letak


Pilih yang  gambar aku lingkari itu;


Selanjutnya pada sisi kanan atas klik tombol Terapkan ke Blog


Coba lihat hasilnya, Sidebar pada halaman blog sampeyan akan berubah menjadi dua yaitu pada sisi kanan dan kiri. Selesai... monggo dicoba.

Friday, December 30, 2011

Cara Merubah Ukuran Template Blog

Biasanya kita tidak puas dengan tampilan lebar template atau halaman blog kita karena tidak penuh pada tampilan layar monitor kita, kalau dulu sampeyan harus edit HTML untuk mengatur lebar template blog sampeyan, sehingga kalau kita kurang faham tentang kode-kode CSS atau HTML kita akan kesulitan untuk mengeditnya. Tapi sekarang dengan template desain kita diberi kemudahan oleh Pakde Blogger untuk mengatur lebar template pada halaman blog kita. Adapun caranya sangat sederhana dan cepat, seperti dibawah ini langkahnya;

Yang dimaksud dengan lebar template itu seperti gambar dibawah ini;


Pastikan sampeyan sudah masuk ke Blogger, kalau belum tentu saja akun (login) dulu dengan gmail sampeyan
Pilih Rancangan, pada tab sub menu pilih Perancang Template


Akan muncul tampilan Perancang Template, pilih Sesuaikan lebar


Atur slider sesuai dengan keinginan Mas Bro sekalian, atau ketikkan angka dengan ukuran px (pixel) pada sisi kanan, ada dua slider untuk mengaturnya, yang atas untuk mengatur lebar Seluruh blog maksudnya lebar keseluruhan blog kita, yang bawah Bilah pinggir kanan maksudnya untuk mengatur lebar sidebar kanan karena blog ini menggunakan tampilan sidebar kanan, sampeyan juga bisa mengatur sidebar kiri pada menu Tata Letak


Setelah kita anngap sesuai dengan yang kita inginkan klik tombol Terapkan ki Blog pada pojok kanan atas;


Mudah bukan?.. sampeyan tidak perlu susah-susah lagi dengan Edit HTML.hanya untuk melebarkan template.
Sekian...

Membuat Link dalam satu Halaman

test (tulisan biru disamping ini adalah anchor name, sengaja aku tampilkan biar sampeyan faham nantinya). Link yang umum biasanya di gunakan untuk mengarahkan alamat dari suatu halaman ke halaman yang  lain. Trus bagaimana jika kita ingin link tersebut mengarah pada satu halaman?.. aku juga bingung nulisnya.. hehehehe....

Begini maksudnya Link dalam satu halaman ini biasanya disebut dengan anchor link. Kita bisa mengarahkan link tersebut ke atas, ke tengah atau ke bawah. Biasanya digunakan untuk postingan yang panjang dengan sub-sub halaman atau menggunakan beberapa bab.
Sesuai dengan namanya (Anchor link) untuk membuat link ini kita butuh yang namanya anchor name dan juga link name. Untuk lebih jelasnya mari kita sama-sama mencoba.

Pertama kita buat dulu anchor name:

<a name="test"> test </a> 

Pada anchor name inilah link kita akan mengarah, tepatnya satu baris di bawah tempat kita meletakkannya. Sebagai contoh anchor name ini akan aku letakkan tepat dibawah judul postingan ini.
Untuk tulisan test yang berwarna merah boleh di ganti dengan tulisan apa saja, sedang test yang berwarna biru boleh dihilangkan.

Kedua yang harus kita buat adalah link name:

<a href="#test"> kembali keatas </a> 

Link name ini kita gunakan untuk mengarahkan di mana anchor name tadi diletakkan, sebagai contoh link name diatas akan aku letakkan di bawah postingan.
Perlu diingat!! untuk tulisan test pada link name harus sama dengan anchor name.Untuk tulisan kembali ke atas boleh dirubah dengan kata apa saja, asal bukan kata yang ngeres-ngeres .. hehehe....
Misal: kembali ke atas, ketengah atau bawah karena fungsinya untuk keterangan saja.

CATATAN PENTING!!
Perlu diingat, kalau menggunakan hosting blogger setelah sampeyan memasang anchor name dan link name tentu saja pada mode 'Edit HTML' jangan sekali-sekali sampeyan pindah ke mode 'Compose' lebih baik langsung sampeyan Publish atau Terbitkan Entri karena kalau sampeyan kembali pada mode edit 'Compose' link name akan berubah menjadi link milik Blogger.

OK.. sampai disini dulu. O.. ia... untuk melihat contoh hasilnya silahkan sampeyan klik kembali keatas

Merubah Warna Link pada Blogger

Sekali lagi aku tekankan tutorial  blogger pada blog ini tidak berlaku untuk template minima, tapi khusus untuk template desain, yang diterapkan pada blog Belajar CorelDRAW ini. Pada template desain sampeyan diberi kemudahan untuk mengatur template dengan sedikit mungkin kita mengedit pada tab Edit HTML. Kali ini mari kita bahas tentang cara merubah warna link pada template desain di blogger;

Langkah-langkahnya sebagai berikut;
Masuk ke Blogger dengan Gmail sampeyan.
Kalau sampeyan masih menggunakan tampilan lawas pilih Rancangan --> pilih tab Perancang Template



Untuk tampilan anyar, pada Tata Letak pilih Desainer Template

Sehingga kita diarahkan pada halaman Perancang template Blogger, dan untuk mengganti warna link; klik pada pilihan Tingkat lanjut --> Link, selanjutnya ganti warna yang kita kehendaki, yaitu untuk warna link (no.1), warna dikunjungi atau visited (no.2), warna gulir atau hover (no.3)


Dan untuk menentukan pilihan warna sampeyan bisa klik pada panah drapdown, atau sampeyan bisa menggunakan kode HTML untuk warna dengan memasukkan pada kolom yang tersedia.


Selanjutnya klik .... 'Terapkan ke blog' kemudian lihat hasilnya..


 Selesai.

Thursday, December 29, 2011

Artisteer: Program untuk membuat Template Blogger, Joomla, Drupal, DotNetNuke dan Wordpress

Program Artisteer bisa dikatakan sebagai program template generator terbaik dan terbilang sangat lengkap. Artisteer tidak hanya disediakan untuk pengguna blogger saja, tapi hampir semua Platform blog populer seperti Joomla, Drupal, DotNetNuke dan Wordpress juga bisa menikmati tools ini.

Sayang program yang berkualitas seperti Artister ini tidaklah gratis. Untuk membelinya Mas Bro sekalian harus mengeluarkan kocek sekitar $49 untuk versi Home & Academic Edition dan $129 untuk versi StAndar Edition. Tapi jangan kawatir, sampeyan masih bisa mendownload versi demonya. Untuk ukuran file lumayan besar besar juga sekitar 60MB. Sampeyan bisa melihat demo programnya disini!!.

Berikut langkah-langkah membuat dan menerapkan template Blogger dalam hitungan menit;

1. Jalankan Artisteer dan kemudian klik tombol "Suggest Design" beberapa kali, sampai Anda melihat sebuah ide yang Anda sukai



2. Mengatur elemen desain seperti tata letak, latar belakang, header, huruf, dll


3. Publikasikan template baru yang telah sampeyan buat dengan menentukan email dan password blogger kepunyaan sampeyan.



Sumber; o-om.com

Seo Tool untuk Melacak Kata Kunci Halaman Web/Blog

Search Engine Results Page (SERP) Tool ini merupakan SEO Tools yang dirancang khusus untuk memudahkan Mas Bro sekalian untuk melacak kata kunci target di Search Engine Google. Ini sangat berguna buat sampeyan yang sedang ikutan kontes atau sekedar hanya untuk melacak posisi keyword target di Google. 


Seperti gambar dibawah ini tampilannya;


Untuk mencobanya silahkan Langsung meluncur ke sini!!

Cara melacak:
  1. Masukan Kata Kunci (keyword) target di Search Engine Google.
  2. Masukan Alamat URL Blog yang akan di lacak
  3. Pilih target URL Google dengan tekan dropdown, misal Google.com atau Google.co.id (Indonesia), selalu pastikan memilih YES untuk membersihkan Cache Browser agar hasil pencarian Maksimal.
  4. Tekan tombol Search. 
 Jika target ditemukan, hasil Pencarian dilacak per 10 result dan ditandai dengan nomor halaman.


Semoga Tool diatas bermanfaat 

Viewport Navigation Controls

Viewport Navigation Controls adalah kumpulan tombol perintah yang ada di sudut kanan bawah tampilan 3ds Max, menu-menu pada kelompok Viewport Navigation Controls ini dalam kita mendesain sangat penting dan sering digunakan, fungsi dari Viewport Navigation Controls berisi menu perintah navigasi tampilan Viewport diantaranya; Zoom, Zoom All, Zoom Extents, Zoom Extents All, Fiels of View, Pan View, Arc Rotate, Maximize Vieport Toggle.


Keterangan:
  1. Zoom; Geser mouse keatas untuk memperbesar tampilan viewport aktif, geser kebawah untuk mengecilkan tampilan viewport aktif.
  2. Zoom All; berfungsi sama seperti Zoom tapi untuk semua viewport.
  3. Zoom Extents; untuk melihat semua object pada posisi tengah viewport aktif.
  4. Zoom Extents All; berfungsi sama seperti Zoom Extents tapi untuk semua viewport.
  5. Fiels of View; untuk menyesuaikan ukuran tampilan dalam viewport Perspective.
  6. Pan View; untuk menggeser tapilan viewport aktif.
  7. Arc Rotate; untuk memutar tampilan viewport aktif
  8. Maximize Vieport Toggle.untuk memperbesar sesuai ukuran viewport.
Akan lebih jelas kalau sampeyan langsung praktek.

Viewport pada 3ds Max

Ketika Mas Bro memulai Aplikasi 3ds Max, secara default  layar utama menampilkan 4 Viewport dengan ukuran sama besar yang meliputi Top, Front, Left, Perspective dan secara default Top, Front, Left menggunakan tampilan Wireframe dan Perspective menggunakan tampilan Smooth+Highlight.


Viewport dibagi 3 kelompok yaitu Orthographic, Perspective dan Camera;
Orthographic; terdiri dari User, Front, Back, Top, Bottom, Left, Right, yang menampilkan sudut pandang sesuai dengan namanya.
Perspective dan Camera; menampilkan sudut pandang yang dipengaruhi oleh titik mata.

Layout Viewport
Secara default layout atau tampilan Viewport seperti gambara dibawah ini;


Sampeyan bisa memilih tampilan layout Viewport yang berbeda, dengan cara klik kanan pada label Viewport dan klik pada pilihan Configure...



Kemudian akan tampil kotak dialog Viewport Conviguration > pilih tab Layout > klik pilihan layout yang tersedia, misal pilih yang aku lingkari merah dan klik OK


 Maka tampilannya akan berubah seperti gambar dibawah ini;


Menyembunyikan Tripod pada Viewport
Tripod adalah koordinat sumbu yang di terapkan pada 3ds Max , yang ditampilkan pada sisi kiri bawah pada masing-masing bagian Viewport. Untuk menyembunyikan langkahnya sebagai berikut;
Pada Menu Bar > Customize > klik Preferences...

Maka tampil kotak dialog seperti gambar dibawah ini;
Selanjutnya klik tab Viewport, pada menu Viewport Parameters > hilangkan tanda rumput (centang) pilih Display World Axis



Menyembunyikan dan menampilkan Grid Viewport 
Grid merupakan bagian dalam Area kerja Viewport yang berupa garis-garis pertemuan dari koordinat sumbu, gambar seperti dibawah ini;


Untuk menampilkan atau menyembunyikan langkahnya Menu Bar > Grids > Show Home Grid atau Klik kanan mouse pada label Viewport aktif, pilih pada Show Grid

Mengubah Camera Viewport
Camera Viewport adalah arah pandangan terhadap viewport tersebut, misal kita aktif pada Viewport Top, maka diasumsikan arah pandangan berada diatas Viewport tersebut. Untuk merubah kamera pada Viewport aktif caranya; klik kanan mouse pada label Viewport aktif, pilih pada Views > pilih salah satu kamera dalam daftar Views.

 
Selesai, tunggu tutorial selanjutnya....

Tuesday, December 27, 2011

Command Panels pada 3ds Max

Command Panels, bagian ini adalah bagian yang sangat penting, biasanya pengguna 3ds Max menggunakan menu ini daripada menu lainnya, Command Panels adalah bagian yang terdiri dari beberapa panel yang berisi perintah-perintah dalam proses pembuatan object, modifikasi, pengaturan tampilan dan animasi object. Setiap panel memiliki; rollout yang berisi fitur atau menu perintah yang berbeda sesuai dengan kategori kegunaannya.

Bagian dari Command Panels diantaranya;

Create
Panel ini berisi perintah-perintah untuk membuat object yang terdiri dari beberapa Object Categories yaitu;
Geometri, Shapes, Lights, Cameras, Helpers, Space Warps, Sistems.

Gambar dibawah ini adalah perintah dari Create;

Keterangan; 
  1. Panel Create
  2. Rollout
  3. Panel Bar
  4. Object Categories
  5. Object Type

Modify
Panel ini berisi perintah untuk mengedit/modifikasi suatu object, panel ini juga menyediakan daftar modifikasi yang menampung berbagai perintah untuk memodifikasi object.

Gambar dibawah ini adalah Panel Modify;


Keterangan;
  1. Panel Modify
  2. Nama Object
  3. Menu Drop Down untuk menampilkan Modifier list
  4. Parameter Modifikasi

Hierarchy
Panel ini berisi perintah untuk mengelolah hubungan antar object (link) dan membalik parameter kinematik

Gambar dibawah ini adalah Panel Hierarchy;

Keterangan;
  1. Panel  Hierarchy 
  2. Parameter
Motion
Panel Motion berisi perintah untuk mengatur atau menjalankan animasi 


Gambar dibawah ini adalah Panel Motion;


Keterangan;
  1. Panel  Hierarchy 
  2. Parameter
Key timing dan Easing in and out dari sebuah key adalah parameter yang dapat sampeyan sesuaikan dengan menu pada Panel Motion 

Display
Panel Display berisi perintah untuk mengatur tampilan object dalam layer, panel ini berfungsi untuk menampilkan dan menyembunyikan object dan melakukan proses pembekuan (freeze) dam pencairan (unfreeze) suatu object

Gambar dibawah ini adalah Panel Display 
 

Keterangan;
  1. Panel display
  2. Parameter

Utilities
Panel ini berisi berbagai alat bantu atau fasilitas tambahan lain yang dibutuhkan dalam proses mendesain.

Gambar dibawah ini adalah Panel Utilities;


Selesai, tunggu tutorial selanjutnya.