Custom Website

Cara Menampilkan Ikon Blog di Browser
Membuat Gradient pada objek dengan FreeHand MX
membuat teks Melengkung dengan CorelDraw

Posted: 28 Oct 2011 10:32 AM PDT

Ikon blog yg terkenal dengan sebutan Favicon (favourite icon) adalah icon kecil yang berada di samping alamat blog atau website anda.Banyak situs terkenal seperti Amazon.com , google mail , Kumpul blogger dll yang mengunakan Favicon sebagai identitas yang menurut saya "Keren" dan 'berbeda' dgn yg lainnya. Apabila anda membuat blog di Blogger.com alias blogspot, maka secara default favicon yang berada di samping alamat URL anda adalah berupa icon blogger. Lihat gambar contoh dibawah :

Untuk mengganti favicon tersebut, anda bisa melakukan langkah-langkah seperti berikut :

1. Pertama pilihlah sebuah gambar atau image atau photo yg tersimpan di file hardisk komputer anda yang akan di jadikan sebagai favicon. Untuk hal ini anda perlu mengedit image tsb menjadi gambar berukuran 32x32 pixel . simpan dengan format gif, jpg, png, dan bmp (pilih salah satu) contoh seperti gambar ikon blog panduan bisnis internet di bawah ini :

Namun Jika anda tidak mau repot mengedit gambar, anda bisa menggunakan jasa pembuat favicon gratis. Silahkan pergi ke salah satu situs dibawah ini:

http://www.favicongenerator.com

http://tools.dynamicdrive.com/favicon/

http://www.Html-kit.com

http://www.tinypic.com

Di salah satu situs tersebut : cari dan Klik tombol Browse...

Masukan gambar yang tadi anda pilih untuk di ubah menjadi format icon

Klik pada tombol Generate Favicon.

Setelah proses selesai, klik pada "Click Here to Download your favicon".

Save ke komputer anda.

2. Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi , ke tempat hosting gambar,atau ke Hosting anda sendiri jika anda menggunakan blog -hosting berbayar. Untuk layanan upload image ke hosting gratis silahkan pilih salah satu dibawah ini :

http://www.photobucket.com atau

http://www.pages.google.com atau

http:// www.geocities.com .

Dalam hal ini misalnya saya mengupload image pilihan saya ke Photobucket.com

Nanti di Photobucket.com saya akan diberikan sebuah URL untuk image yang saya upload. Ambil URL nya yang ber ekstensi seperti ini : http://www.....

bagaimana mengupload dan mencari URL image dari photobucket, maka akan saya rinci langkah nya sbb :

1, Daftar dulu ke photobucket.com , gratissss

2. Login

3. Temukan form utk mengupload gambar :

4. Akan muncul jendela untuk mencari dan memilih image yang akan di upload

5. Setelah proses upload image selesai, akan muncul halaman utk pemberian nama,deskripsi dan tags dari image. Jika sudah diberi nama lalu klik tombol "Share"

6. Setelah itu akan dibawa kehalaman yag menampilkan link image yag barus saja kita upload. Pilih "Direct link" untuk keperluan menampilkan ikon blog ini.

Contoh : untuk image ikon panduan bisnis Internet itu link URL dari Photobucket nya seperti ini : http://i420.photobucket.com/albums/pp281/goldenphoto_2009/Iconulum.jpg

(Untuk ngetest : silahkan anda copy paste deh Link URL tsb,dan buka di tab browser baru, Pasti ikon sy itu akan tampil di ikon browser dan di ikon tab )

3. Kemudian.... selanjutnya silahkan login ke blogger anda.

4. Klik pada Tata Letak (Layout)

5. Klik Edit HTML. - centang kotak"Expand Widget Template"

6. Silahkan cari kode

Agar cepat ketemu Tekan : CTRL + F pada keyboard lalu tulis

7. Jika sudah ketemu masukkan script ini :

Note : Ganti URL http://i420.photobucket.com/albums/pp281/goldenphoto_2009/Iconulum.jpg dengan URL milik anda yg didapat dari Photobucket tadi.

8. Simpan script tsb persis di atas kode . Contoh :

9. Lalu klik tombol "Save" atau "Simpan" Template.

10.Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.

Triks di atas adalah untuk blog di Blogspot, sedangkan untuk Wordpress, yang oleh wordpress favicon ini sering juga disebut Blavatar atau favicon avatar (gambar kecil)

Membuat Gradient pada objek dengan FreeHand MX

Posted: 28 Oct 2011 10:31 AM PDT

Gradient merupakan transisi yang halus antar warna dalam area fill. Dalam atribut fill terdapat enam tipe efek gradasi warna yaitu, Linear, Radial, Logarithmic, Rectangle Cone. Berikut adalah cara menerapkan efek gradientlinearEdit pada objek vector

Buatlah sebuah objek lingkaran atau sebuah text disini saya akan menggunakan text
Klik text kemudian pilin menu text > Convert to paths hal ini dilakukan agartext berubah menjadi Objek

masih dalam keadaan terseleksi kemudian pilih menu modify > Join pada panel properties akan berubah menjadi fill basic.
Pilih fill basic tersebut kemudian pilih opsi gradient.
Setelah melakukan pengaturan di atas , area fill objek akan diberi warna dengan efek gradasi. Anda dapat mengatur efek gradasi dengan menyeret titik gradasi awal atau ahir ke posisi yang baru.

Pengaturan atribut fill yang lain hampir sama dengan pengaturan gradien tipe linear, hanya saja efek yang dihasilkan berbeda-beda

membuat teks Melengkung dengan CorelDraw

Posted: 28 Oct 2011 10:28 AM PDT

Fasilitas ini untuk membuat teks atau huruf yang memiliki lengkungan. Efek ini biasa di temukan pada stempel atau logo. Pada dasarnya, fasilitas ini bergantung pada kemampuan anda dalam membuat kurva melengkung sebagai garis untuk menempatkan teks. Untuk menjalankan fasilitas ini, lakukan langkah – langkah di bawah ini :

buatlah lengkungan kurva dengan kurve tool.
Ketik teks yang anda inginkan dengan menggunakan artistic text
pada posisi terseleksi , klik menu text > fit to path
akan muncul tanda panah sebagai tanda teks siap dimasukan ke dalam kurva lengkung
jika anda kurang tepat mengarahkan panah kurva atau kurva terlalu kecil, akan muncul kotak dialog yang menginformasikan bahwa bidikan anda tidak mengenai sasaran. Klik yes untuk mencoba kembali.
hasilnya seperti gambar berikut ini
pada property bar lakukan pengaturan pada Text Orientation, vertical
placement dan text placement. Property bar ini akan muncul ketika objek teks masuk kedalam kurva.
anda juga dapatmenghilangkan lengkungan kurva. Klik Outline pada Flyout outline, lalu pilih No Outline.