Cara mengganti Icon Blogger Blogger memberikan kebebasan kepada para bloggernya untuk mengubah faviconnya masing-masing. Lihat perbandingan dua gambar berikut.
Yang sebelah kiri adalah favicon default di blogspot dan yang sebelah kanan adalah favicon modifikasiku. Bikinnya gampang kok. Saya akan tunjukkan kepada anda sekalian bagaimana mengganti favicon blogspot:
Baca Juga: Agar Template Menu Navigasi Tampil Buat Smartphone
1. Persiapkan gambar untuk favicon. Anda bisa menggunakan editor gambar kesukaan untuk berkreasi. Saya menggunakan Adobe Photoshop.
2. Ukuran icon yang saya buat adalah 27 x 20 pixel. Menurut saya ukuran maksimal untuk tinggi icon agar terlihat proporsional adalah 30 pixel.
3. Simpan dengan ekstensi gif (File, Save As, File Type : gif). Ekstensi untuk favicon sebenarnya bisa dibuat dalam ekstensi gif, ico dan png. Saya pilih gif karena lebih mudah pembuatannya dan ukurannya relatif kecil, juga bisa dibuat beranimasi (tidak saya bahas sekarang)
4. Upload gambar ke ImageShack, Flickr atau dari Picasa dan dapatkan link direct downloadnya. Contoh yang saya pakai http://favicon.htmlkit.com/favicon/download/nocache-10133725/temp-fk0qejrecfaj6nqdvpdnecie10/favicon.ico
Cara Untuk pembuatan Mengganti Favicon atau icon Blogger langsung saja yah kita simak yang sedetail mungkin:
1. Masuk ini http://favicon.htmlkit.com/favicon dulu untuk mengambil URL yang mau di pasang mengganti Gambar Favicon Blogger
Gambaran dari pengunduhan nya
2.Jika sudah selesai Ambil URL nya. Gambaran nya seperti ini:
3.Jika sudah memilih di pastikan disitu anda akan disuruh mengambil URL Copy URL nya contoh gambar dibawah
Untuk cara di atas sudah selesai dan cara selanjutnya kalian ikuti langkah-langkah dibawah:
1.Login Blogger
2.silahkan masuk Pilih Template -- >Lalu masuk Edit HTML
3.jika sudah masuk di HTML tekan Ctrl+F untuk memudahkan pencarian, cari kode </head>
4.Letakkan Kode berikut di atas </head> <link href='http://favicon.htmlkit.com/favicon/download/nocache-10133725/temp-fk0qejrecfaj6nqdvpdnecie10/favicon.ico' rel='icon' type='image/x-icon'/>
5.Dan ingat kode yang berwarna merah ganti dengan URL yang telah di COPY tadi
6.Jika sedah semua klik save/simpan
Mungkin itu saja artikel Cara Mengganti Lambang Favicon/Icon Blogger dari saya semoga berhasil hasilnya. dan jika ada pertanyaan mengenai di atas silahkan masikan komentar anda dibawah yang telah saya sediakan untuk sebuah pertanyaan
Baca Juga: Agar Template Menu Navigasi Tampil Buat Smartphone
2. Ukuran icon yang saya buat adalah 27 x 20 pixel. Menurut saya ukuran maksimal untuk tinggi icon agar terlihat proporsional adalah 30 pixel.
3. Simpan dengan ekstensi gif (File, Save As, File Type : gif). Ekstensi untuk favicon sebenarnya bisa dibuat dalam ekstensi gif, ico dan png. Saya pilih gif karena lebih mudah pembuatannya dan ukurannya relatif kecil, juga bisa dibuat beranimasi (tidak saya bahas sekarang)
4. Upload gambar ke ImageShack, Flickr atau dari Picasa dan dapatkan link direct downloadnya. Contoh yang saya pakai http://favicon.htmlkit.com/favicon/download/nocache-10133725/temp-fk0qejrecfaj6nqdvpdnecie10/favicon.ico
Cara Untuk pembuatan Mengganti Favicon atau icon Blogger langsung saja yah kita simak yang sedetail mungkin:
1. Masuk ini http://favicon.htmlkit.com/favicon dulu untuk mengambil URL yang mau di pasang mengganti Gambar Favicon Blogger
Gambaran dari pengunduhan nya
- jika mau mengganti Lambang yang biasa pilih 1
- Jika mau mengganti lambang Bergerak pilih nomer 2
1.Login Blogger
2.silahkan masuk Pilih Template -- >Lalu masuk Edit HTML
3.jika sudah masuk di HTML tekan Ctrl+F untuk memudahkan pencarian, cari kode </head>
4.Letakkan Kode berikut di atas </head> <link href='http://favicon.htmlkit.com/favicon/download/nocache-10133725/temp-fk0qejrecfaj6nqdvpdnecie10/favicon.ico' rel='icon' type='image/x-icon'/>
5.Dan ingat kode yang berwarna merah ganti dengan URL yang telah di COPY tadi
6.Jika sedah semua klik save/simpan
Mungkin itu saja artikel Cara Mengganti Lambang Favicon/Icon Blogger dari saya semoga berhasil hasilnya. dan jika ada pertanyaan mengenai di atas silahkan masikan komentar anda dibawah yang telah saya sediakan untuk sebuah pertanyaan
wehhh jitu banget masresep nya. ijin praktik yah mas?
ReplyDelete