Thursday 17 September 2009

Step by Step Membuat Favicon

Pagi!

Ini hari kedua saya dengan si bibilitik. Okay, Rencananya mau buat favicon buat blog ini. Untuk yang belum tau apa itu favicon. Sini, mari, saya akan coba jelaskan dipostingan kali ini. :D

Favicon adalah singkatan dari Favourite Icon, dikenal juga dengan nama Page Icon. Merupakan sebuah icon/logo kecil yang berada di samping alamat situs kamu. Fungsinya sebagai identitas dari si situs yang muncul pada toolbar browser dan akan terlihat jika seseorang masuk ke alamat situs kamu.



Lihat Logo B diatas, itu merupakan favicon bawaan dari Blogger. Nah, gimana cara untuk mengubahnya? Ikuti langkah-langkah berikut, brangcuts..

Step by Step Membuat Favicon
  • Siapkan image yang akan di jadikan sebagai favicon, format file favicon biasanya berekstensi .ico, namun kamu juga bisa gunakan ekstensi seperti .jpg, .gif atau .png.
Contoh:

  • Okay, setelah imagenya siap, kali ini saya akan mengubah ekstensinya menjadi .ico. Mudahnya gunakan Favicon Generator. Bisa diakses di www.favicongenerator.com
  • Ikuti step by step generate image yang ada di Favicon Generator.
Step 1. Pastikan Image yang akan dijadikan favicon memiliki dimensi persegi sempurna (misal. 100 pixel x 100 Pixels).

Step 2. Browse lokasi file image di PC kamu.

Step 3. Tekan tombol Generate Favicon!
Okay, favicon.ico pun sudah selesai dan berbentuk mini. Sekarang download favicon kamu >> Click Here to Download Your Favicon!

Step 4. Upload favicon.ico ke situs upload gambar gratis, misal di www.flickr.com >> Copy URL image favicon.ico
  • Masuk ke account Blogger >> pilih Lay out >> klik Edit HTML
  • Masukkan kode
<link href='URLfaviconKamu' rel='shortcut icon'/>

diatas kode

</head>

  • Klik Save Template
  • Voila, Jadi deh. ;)


Chesse Burger :p

Wednesday 16 September 2009

Step by Step Membuat Signature Digital

Untuk membuat Signature digital ini dengan gratis kamu bisa gunakan My live Signature. Berikut langkah-langkah untuk membuat signature digital:


Step by Step
  • Akses http://mylivesignature.com
  • klik Create Here to Start
  • Creating a new Signature (kamu dapat memilih 3 buah metode untuk membuat signature ini - mudahnya gunakan creation wizard) >> pilih
  • Step 1 Masukkan nama kamu
  • Step 2 Pilih Font (terdiri dari #1 sampai #120, pilih suka-suka :p)
  • Step 3 Pilih Ukurannya
  • Step 4 Pilih Warnanya
  • Step 5 Atur kemiringannya
  • Selesai (kamu tinggal download dengan mengklik tulisan "Want to download this Signature")
  • Akan keluar halaman "Downloading Signature..." >> klik kanan pada image signature lalu pilih save picture as
  • Sip, tinggal simpan di PC kamu
Nah untuk menggunakannya dalam postingan blogger, kamu bisa dilakukan dengan 2 cara,
  1. Cara manual, dengan menyisipkan gambar dari PC kamu setiap kali posting >> tinggal klik Add image >> browse gambar >> upload
  2. Cara otomatis, dengan memasukkan kode di halaman html kamu. Dengan begitu setiap postingan kamu pasti akan tersisip signature secara begitu sajo.
  • Pertama, upload image signature yang tadi kamu buat di situs upload gambar gratis, misal di www.flickr.com
  • Copy URL image signature kamu
  • Masuk ke account Blogger >> pilih Lay out >> klik Edit HTML
  • Jangan lupa centang kotak "Expand widget Templates"
  • Masukkan kode berikut
<img src='URLimageSignatureKamu' style='border:0'/>

dibawah kode

<data:post.body/>

  • Jadi deh. :D
Cheers,