Menggantikan Ikon Weblog
Logo web ini sering disebut sebagai”Favorite Icon” atau Favicon karena tersimpan pada saat pengunjung menyimpanya di dalam Bookmark atau menu Favorite yang ada di dalam web browser.Umumnya ikon ini muncul di sebelah alamat web atau disebelah kiri atas jendela web browser. Dikarenakan logo yang oleh setiap penyedia Blog umumnya ama pada setiap pemilik account,
terkadang muncul keinginan dari penggunanya untuk mengganti gambar logo tersebut. Bukan saja keinginan untuk menjadi berbeda dengan yang biasanya, tetapi juga sebagai petunjuk jati diri dari pemilik Blog. Ada perasaan yang berbeda ketika Blog yuang dimiliki mempunyai ikan khusus yang mencerminkan pribadi dari masing-masing pemiliknya. Sebetulnya untuk mengganti logo tersebut cukup mudah. Anda hanya perlu membuat atau mencari gambar dengan ekstensi *.ico berukuran 16 X 16 pixel, memnyimpanya disalah satu server, dan menuliskan satu baris HTML di dalam template Blog.
Mencari File Ikon
Untuk membuat file ikon, anda dapat memanfaatkan perangkat lunak seperti IrfanView (http://irfanview.com), Icon Developer (http://www.stardock.com/products/ikondeveloper/) Icon Edit Pro (http://iconedit.com/download.htm), dan Greenfish Icon Editor Pro (http://greenfish.extra.hu/download.php), serta banyak lagi. Atau melalui alat bantu ikon generator berbasis web yang tersedia di http://htmlkit.com/services/favicon, http://www.favicon.cc, http://favicon.co.uk, dan lain sebagainya. Namun jika langsung ingin menggunakan, anda dapat mencarinya di http://iconarchive.com. Carilah gambar ikon yang anda inginkan melalui kategori yang disediakan di samping kiri. Anda dapat mendownload gambar berbasis PNG 128 X128, 48 X48, dan 32 X32 untuk dikonversi menjadi file ICO menggunakan software Irvan View atau alat bantu yang tersedia di alamat http://htmlkit.com/favicon. selanjutnya disimpan di web server yang anda miliki. Namun jika anda langsung menggunakan file ICO yang ada didalam http://iconarchive.com, arahkan icon mouse ke “Download as.ico file” dan gunakan klik kanan untuk memunculkan pop-up menu. Copy link yang ada menggunakan “copy link location” di web browser Firefox atau menu “copy shortcut” pada web browser internet explorer (IE). Langkah di atas akan menghasilkan pencatatan file ikon di alamat http://www.iconarchive.com/download/ico/fasticon/avatar-girls/girls-8.ico. alamat tersebut nantinya akan digunakan di dalam kode HTML yang berfungsi untuk menampilkan logo website atau blog.
Menampilkan Ikon di Template Blog
Untuk menampilkan file ikon di dalam web, anda hanya perlu menyisipkan kode dibawah ini setelah tg , dimana file_ikon.ico diganti dengan file yang anda pilih.
Untuk memasukan kode tersebut di dalm blogspot,anda dapat memilih menu Layout > Edit HTML.
Kalau anda pingin nyoba kayak punyak saya copy kode HTML dibawah ini:
<+head+>
<+link href='http://www.iconarchive.com/download/ico/everaldo/kids-icons/
bookmark.ico' rel='shortcut icon' type=' image/x-icon'/+>
Untuk tanda + tolong di hapus
Kemudian simpan penambahan kode di atas dengan menekan tombol Save Template. hasilnya dapat anda lihat melalui web brouser Firefox dan Internet Explorer. Ikon yang telah anda pilih akan muncul disebelah alamay web dan tabulasi pada web brouser Firefox dan Internet Explorer. Ikon ini juga akan tersimpan ketika pengunjung menyimpan alamat situs di dalam bookmark atau menu Favorite yang ada di dalam web brouser.
Dan jika anda ingin ganti ikon yang lain, anda tinggal paste hasil dari “copy shortcut” atau copy link location” tepat di kode HTML yang berwarna merah.
Selamat mencoba…..
Mencari File Ikon
Untuk membuat file ikon, anda dapat memanfaatkan perangkat lunak seperti IrfanView (http://irfanview.com), Icon Developer (http://www.stardock.com/products/ikondeveloper/) Icon Edit Pro (http://iconedit.com/download.htm), dan Greenfish Icon Editor Pro (http://greenfish.extra.hu/download.php), serta banyak lagi. Atau melalui alat bantu ikon generator berbasis web yang tersedia di http://htmlkit.com/services/favicon, http://www.favicon.cc, http://favicon.co.uk, dan lain sebagainya. Namun jika langsung ingin menggunakan, anda dapat mencarinya di http://iconarchive.com. Carilah gambar ikon yang anda inginkan melalui kategori yang disediakan di samping kiri. Anda dapat mendownload gambar berbasis PNG 128 X128, 48 X48, dan 32 X32 untuk dikonversi menjadi file ICO menggunakan software Irvan View atau alat bantu yang tersedia di alamat http://htmlkit.com/favicon. selanjutnya disimpan di web server yang anda miliki. Namun jika anda langsung menggunakan file ICO yang ada didalam http://iconarchive.com, arahkan icon mouse ke “Download as.ico file” dan gunakan klik kanan untuk memunculkan pop-up menu. Copy link yang ada menggunakan “copy link location” di web browser Firefox atau menu “copy shortcut” pada web browser internet explorer (IE). Langkah di atas akan menghasilkan pencatatan file ikon di alamat http://www.iconarchive.com/download/ico/fasticon/avatar-girls/girls-8.ico. alamat tersebut nantinya akan digunakan di dalam kode HTML yang berfungsi untuk menampilkan logo website atau blog.
Menampilkan Ikon di Template Blog
Untuk menampilkan file ikon di dalam web, anda hanya perlu menyisipkan kode dibawah ini setelah tg , dimana file_ikon.ico diganti dengan file yang anda pilih.
Untuk memasukan kode tersebut di dalm blogspot,anda dapat memilih menu Layout > Edit HTML.
Kalau anda pingin nyoba kayak punyak saya copy kode HTML dibawah ini:
<+head+>
<+link href='http://www.iconarchive.com/download/ico/everaldo/kids-icons/
bookmark.ico' rel='shortcut icon' type=' image/x-icon'/+>
Untuk tanda + tolong di hapus
Kemudian simpan penambahan kode di atas dengan menekan tombol Save Template. hasilnya dapat anda lihat melalui web brouser Firefox dan Internet Explorer. Ikon yang telah anda pilih akan muncul disebelah alamay web dan tabulasi pada web brouser Firefox dan Internet Explorer. Ikon ini juga akan tersimpan ketika pengunjung menyimpan alamat situs di dalam bookmark atau menu Favorite yang ada di dalam web brouser.
Dan jika anda ingin ganti ikon yang lain, anda tinggal paste hasil dari “copy shortcut” atau copy link location” tepat di kode HTML yang berwarna merah.
Selamat mencoba…..
