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..........!!!
Ditulis Oleh : Unknown
Anda sedang membaca artikel Cara Membuat Favicon Di Blog. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Anda yang ingin menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya.
Artikel Lainya:
Tutorial Blogger
- Cara Mengganti Bullet List Blogger
- Cara Membuat Artikel Terkait Di Bawah Postingan
- Cara Membuat Border di Blog
- Cara Membuat Menu Vertikal di Blog
- Cara menghasilkan Kode Warna HTML dengan Ms Paint
- Cara Menghasilkan Kode Warna HTML dengan Photoshop
- Cara Mengganti Warna Background Blockquote di Blog
- Membuat Link Sumber Otomatis Ketika Di Copy Paste
- Cara Membuat Halaman Pojok Atas Melipat pada Blogger
- Cara Membuat Populer Post Dengan Fungsi Scroll
- Cara Membuat Daftar Isi Blog Otomatis
- Cara memasang lencana profil facebook di blog
- Cara Membuat Blogroll Berjalan Pada Blog
- Cara Membuat Pesan Di Atas Kotak Komentar
- Cara Memasang Google Translate dengan ikon Bendera di Blog
- Cara Membat Search Engine Di Blog
- Cara Membuat Kursor Di Blog
- Kumpulan Efek - Efek Pada Blog ( Lengkap )
- Cara membuat border kotak area tulisan pada posting
- Cara Membuat Spoiler / Tombol Hide Show Pada Postingan Blog
- Cara Membuat SMS Gratis Pada Blog
- Cara Membuat Blog
- Cara Membuat Animasi Twitter Terbang Di Blog
- Cara Membuat Efek Gelembung Pada Cursor Blog
0 komentar:
Post a Comment