Mengganti Ikon Blogger

Situs situs yang terdapat didunia Maya ini tentunya akan mempunyai icon, icon merupakan gambaran kecil dari sebuah website. Pada blogspot secara otomatis akan menampilkan ikon .
Nah pada tutorial kali ini saya akan menjelaskan tentang pembuatan atau penggantian icon diblogger.

Pertama, tentu kita harus mempersiapkan sebuah ikon kecil yang nantinya akan ditampilkan di kedua bagian tersebut. Biasanya ikon ini berukuran 16x16 piksel kuadrat atau 32x32 piksel kuadrat. Namun, saya sarankan buatlah yang berukuran 16x16 piksel kuadrat (ikon blog saya ini pun berukuran demikian) karena ruang untuk favicon sangatlah kecil. Untuk membuatnya, gunakanlah penyunting gambar sesuai selera masing-masing (yang penting bisa membuat file .ico), seperti Paint, Paint.NET, dan Visual Studio. Walaupun tidak ada pilihan untuk menyimpan berkas sebagai berkas ikon (.ico), Paint dan Paint.NET tetap bisa membuatnya. Caranya ketikkan nama berkas diikuti .ico di kolom "File name" dan pilihlah tipe gambar JPEG di kolom "Save as type". Untuk membuat ikon blog ini saya menggunakan Visual Studio. Kakas yang sejatinya diperuntukkan untuk pemrograman ini bisa membuat berkas ikon (.ico) -- yang seharusnya untuk membuat ikon program -- dengan latar belakang transparan. Untuk Paint.NET kita bisa menggunakan plugin yang harus diinstalasi terlebih dahulu untuk membuat latar belakang transparan, sedangkan di Paint saya tidak mengerti cara membuat latar belakang transparan (sepengetahuan saya, program ini tidak bisa melakukannya). Sebenarnya ada banyak sekali kakas pembuat ikon. Cobalah googling dengan kata kunci ico creator. Sebelum lanjut ke langkah berikutnya, alangkah baiknya kita terlebih dulu mengecek apakah ikon yang kita buat dapat ditampilkan dengan baik atau tidak. Caranya, buka berkas .ico tersebut dengan menggunakan internet browser. Ada banyak cara untuk melakukannya. Salah satunya dengan klik kanan berkas .ico tersebut kemudian pilih "Open With" dan pilihlah internet browser (misalnya Mozilla Firefox). Saya telah mencobanya di Mozilla Firefox dan berhasil, sedangkan di Internet Explorer tidak bisa (kecuali dibangkitkan dari kode HTML yang akan dijelaskan di bawah ini).

Setelah file disiapkan kita dapat menguploadnya ke photobucket.com ataupun kita dapat membuatnya sebagai tampilan image diartikel kita. Sehingga kita hanya perlu mengetahui alamat icon kita tersebut dengan cara klik kanan pada gambar kemudian klik propertis,



dan copylah link tersebut ke notepad

Kemudian Cara memunculkan ikon blog buatan kita yaitu dengan cara memasukan kode berikut

Gantilah Kode titik tersebut dengan alamat URL ikon anda.


Langkah selanjutnya adalah mengkopy kode diatas yang telah terisi alamat icon anda ke bagian berikut

Buka pada blogger anda pilih layout – edit HTML – kemudian paste seperti kode berikut



setelah itu save template. Untuk keamanan mendingan preview dulu, kalau sudah jadi baru disave template.

Sumber : swadexi.blogspot.com