Mengganti Icon Web / Blog

Kamis, November 18, 20100 comments


Tips berikut adalah cara untuk mengganti icon Web/Blog yang akan di tampilkan pada Address Bar Browser dengan gambar foto/gambar sesuai yang kita inginkan. Satu hal yang perlu diingat adalah gambar yang kita simpan untuk icon usahakan berukuran 24 x 24 pixel sampai dengan 32 x 32 pixel. Untuk merubah ukuran gambar tersebut dapat menggunakan software photo editor atau kalau kita menggunakan OS Windows, saat ingin mengedit foto lakukan langkah-langkah berikut.


  1. Buka Windows Explorer
  2. Klik kanan file foto - Open With - Picture Manager (Office 2003) atau Microsoft Office 2010
  3. Klik icon Edit Pictures - Resize (icon menu ada di sebelah kanan)
  4. Klik pada pilihan Custom Width x Height, lalu isikan kolom Width = 32 dan Height = 32
  5. Klik OK
  6. Save As dengan nama lain (format JPG sebaiknya).
Apabila langkah tersebut sudah kita lakukan, langkah berikutnya adalah foto yang sudah kita ubah sizenya harus di upload ke internet pada layanan yang menyediakan Image Hosting seperti photobucket.com. Sebaiknya anda mendaftar saja (gratis kok).
Setelah mendaftar dan login, lakukan langkah-langkah berikut.
  1. Klik tombol Upload Now
  2. Klik tombol Select photos and videos, lalu pilih foto yang telah anda ubah sizenya tadi
  3. Tunggu sampai proses upload selesai. Kalau untuk file icon web ini biasanya cepat prosesnya
  4. Klik Save and continue to my album
  5. Arahkan pointer mouse ke foto yang baru saja kita upload, lalu klik link Share
  6. Klik tab Get link code lalu ambil alamat URL nya
  7. Contoh hasilnya seperti berikut : http://i1106.photobucket.com/albums/h378/mas_elmer/me3.jpg
  8. Untuk memasukkannya ke Blog anda, masuk ke Dashboard - Layout (Pengaturan) - Edit HTML (jangan lupa klik pilihan Expand Widget)
  9. Cari tag HTML berikut: </head>
  10. Kemudian letakkan code berikut sebelum tag HTML tadi : <link href='http://i1106.photobucket.com/albums/h378/mas_elmer/me3.jpg' rel='SHORTCUT ICON'/>
  11. Klik Save Setting dan... selesaii..!!!
Share this article :

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Im-Tek - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger