Advertisemen
Kreativitas - Favicon, bagi sobat yang masih belum memahami tentang istilah ini, Favicon itu adalah kependekan dari favourite icon yaitu icon kecil yang berada di samping kiri dari alamat blog (URL) sobat. Lebih jelasnya lagi kalau sobat sedang blogwalking ke blog orang, maka akan menemui logo maupun gambar fotonya dari pemiliknya, dan tentu hal ini lebih menarik.
Favicon selain sebagai asesoris sobat dalam ngeblog juga bisa berfungsi sebagi alat untuk melambangkan brand produk tertentu. Di beberapa template yang dimiliki oleh wordpress, joomla, drupal, aura, blogspot juga sudah ada faviconya. Apabila kode tersebut sudah ada di themes, maka sobat tinggal mengganti logo atau gambarnya saja. Tetapi bila belum ada, kita tinggal menambahkan beberapa kode html sederhana. Contohnya bisa sobat lihat di bawah ini :
Favicon selain sebagai asesoris sobat dalam ngeblog juga bisa berfungsi sebagi alat untuk melambangkan brand produk tertentu. Di beberapa template yang dimiliki oleh wordpress, joomla, drupal, aura, blogspot juga sudah ada faviconya. Apabila kode tersebut sudah ada di themes, maka sobat tinggal mengganti logo atau gambarnya saja. Tetapi bila belum ada, kita tinggal menambahkan beberapa kode html sederhana. Contohnya bisa sobat lihat di bawah ini :
Cara Membuat Favicon Di Blog
1. Sobat harus mempersiapkan gambar/logonya dahulu, ingat ekstensinya harus JPG atau GIF.
2. Selanjutnya sobat cari favicon generator untuk membuat faviconnya jadi lebih mudah, misalnya di beberapa alamat ini:
3. Setelah sobat mendapatkan gambar favicon.ico, selanjutnya masukkan pada lokasi folder script (misalnya images) yang nantinya akan sobat panggil.
4. kemudian buka file index atau header yang menjadi halaman utama web sobat dengan dreamwaver, frontpage, notepad atau HTML editor lainnya. Nah cari kode ini di bagian paling atas:
</head>. Gunakan Ctrl + F untuk lebih cepat mencari
Copy kode dibawah ini dan Pastekan diatasnya kode </head>
</head>. Gunakan Ctrl + F untuk lebih cepat mencari
Copy kode dibawah ini dan Pastekan diatasnya kode </head>
<link href='url gambar sobat' rel='icon' type='image/vnd.microsoft.icon'/>
ganti tulisan yang berwarna merah dengan URL favicon sobat.5. Pratinjau, apakah usaha sobat berhasil? Kalau belum berhasil berarti ada langkah yang salah. Jadi perlu diulangi lagi.
Sekian info dari saya dan semoga artikel ini bermanfaat bagi sobat..........!!!
Advertisemen
