Favicon di blog wordpress.org bisa dibuat secara manual atau menggunakan plugin. Saya sendiri sudah menggunakan kedua cara tersebut. Cara manual saya gunakan dalam membuat favicon di Blogotainmen, adapun cara plugin saya gunakan di blog ini. Di bawah ini kedua cara tersebut.
Cara Memasang Favicon dengan Plugin cbnet Favicon
1. Pada fitur Plugins, klik Add New
2. Ketik cbnet favicon di kolom search plugins
3. Klik Install, lalu Install Now.
4. Klik Active Plugin untuk mengaktifkannya.
5. Pada fitur Settings, klik cbnet favicon.
6. Akan muncul tampilan untuk memilih favicon, yaitu favicon yang tersedia, favicon dari komputer Anda, dan favicon dari URL. Anda bisa memilih salah satunya.
7. Setelah itu klik tombol Save.
8. Favicon akan muncul di browser.
Cara Manual Memasang Favicon
Tahapannya terdiri dari 3 langkah: membuat favicon dengan menggunakan situs pembuat favicon, upload favicon ke blog, dan edit header.php untuk memasukkan link favicon.
Membuat favicon
1. Kunjungi situs html-kit.com.
2. Klik browse untuk memilih foto, gambar, atau logo yang hendak Anda jadikan favicon. Selanjutnya klik Generate Favicon.ico.
3. Contoh hasilnya seperti ini. Lalu klik Download Favicon Package dan simpan di komputer Anda.
4. Karena berbentuk WinZip, ekstrak gambar favicon (tipe gif) lalu simpan.
Upload favicon ke blog
1. Login ke wordpress.org Anda
2. Pada fitur Media, klik Add New.
3. Klik Browse dan pilih favicon yang sudah diekstrak tadi. Lalu klik Upload.
4. Akan muncul tampilan Media Library, lalu klik edit gambar favicon yang telah diupload tadi.
4. Copy Link URL dari favicon tersebut. Simpan di notepad atau MS words.
Memasang favicon di header.php
1. Pada fitur Appearance, klik Editor.
2. Klik header.php.
3. Masukkan kode berikut di atas </head>. Ganti huruf yang berwarna biru dengan link favicon Anda.
<link rel=”shortcut icon” href=”http://wwwblogodolar.com/wp-content/uploads/2010/03/animated_favicon1.gif” >
Untuk lebih jelasnya, silakan lihat screen shoot di bawah ini.
4. Klik Update File.
5. Buka blog Anda. Favicon akan terlihat di browser Anda.
0 komentar:
Posting Komentar