=== Mengubah Favicon Blogger ===

On Saturday, August 28, 2010 1 Комментарий

=== Mengubah Favicon Blogger ===



Favicon standar blogger


Favicon adalah Icon yang biasa kita lihat di samping alamat sebuah web, bagi para sahabat blogger yang ingin mengubah lambang blogger pada blognya amatlah mudah...


Sedikit Mega jelaskan cara mengubah lambang "B" pada Favicon Blog menjadi gambar ataupu n simbol seperti yg kita mau...


Tak lupa Mega telah sediakan screen shot-nya  agar lebih mudah di pahami, sebenarnya langkah yang ke satu dapat di lewati saja, akan tetapi Mega tetap menulisnya sebagai bahan pelajaran dan atau untuk berjaga-jaga apabila Favicon hosting tidak mendukung fitur image converter...



1. Siapkan terlebih dahulu gambar yang kita ingin gunakan, Gambar yang Mega sarankan telah di convert menjadi windows icon dengan ekstensi .ico, apabila tak ada, maka lakukanlah convert terlebih dahulu, dan banyak website yang bisa secara online men-convert gambar menjadi icon seperti di sini...
Tapi untuk Mega sendiri menggunakan Freeware 
Software yang amat mudah di gunakan yaitu SimplyIcon yang bisa di download di sini.
SimplyIcon
Terserah sahabat mau pakai metode yang mana untuk mengubah gambar menjadi icon...

2. Mengungah Icon yang akan di gunakan, sebenarnya banyak website yang bisa kita gunakan sebagai host tempat kita menyimpan icon tersebut, tapi yang baru Mega coba ialah di sini, lalu pilih berkas, kemudian Upload now, untuk website yg satu ini, dapat langsung menggungah gambar tanpa mengubahnya menjadi icon terlebih dahulu, akan tetapi bila menggunakan website lain sebagai hosting, harap melakukan langkah 1...
http://iconj.com/
Setelah selesai mengunggah gambar, maka akan muncul tampilan sebagai berikut...
Kemudian copy kode seperti pada gambar, di atas.
3. Sekarang masuk ke blog sahabat, kemudian ke Dasbor>Rancangan>Edit HTML, Sebelum menggunakan kode tersebut, alangkah baiknya jika sahabat melakukan back up  / "Download template". Selanjutnya paste kode yang telah kita copy ke bagian seperti berikut: 



  <head>
    <link rel="shortcut icon" href="http://www.iconj.com/ico/p/d/pdo35c4uwj.ico" type="image/x-icon" />
  
Letakkan kode tersebut setelah <head>, kemudian "Simpan Template"

Selesai...
Tanda 1 menunjukkan icon standar, tanda 2 adalah icon yang telah di rubah...
Ini adalah hasil dari apa yang Mega lakukan seperti langkah-langkah diatas...
Selamat mencoba...
^_^


By : MegaAngkasa (dari berbagai sumber yang tidak bisa di sebutkan satu persatu, tapi sumber terbesar adalah Blogger Book)


1 Комментарий:

Post a Comment

LiveChat