FAVICON UNTUK BLOGGER

Posted on Sabtu, 01 Mei 2010 and filed under , , , , . You can follow any responses to this entry through theRSS 2.0 . You can leave a response or trackback to this entry from your site

| More

Gue baru dapet info nih dari tetangga blog gue cara buat Favicon,kalo temen-temen blogger gak tau favicon liat di atas ada gambar kecil lagi melet kayak smile tapi favicon bukan smiley loh gue cuma mo iseng-iseng doank ganti favicon gue kayak gitu biar lucu aja...
Ya udah daripada kebanyakan ngomong langsung aja deh,Jadi Intinya Favicon itu adalah ikon kecil yang muncul di pojok kiri address bar dan pojok kiri tab. Secara default favicon blog berbasis "Blogger/Blogspot" adalah simbol B dengan background jingga. Tentunya temen-temen blogger ingin punya favicon sendiri untuk branding blog kalian kan? Bagaimana cara membuat favicon yang gampang, lalu menampilkannya di blog? Ikuti aja  langkah-langkahnya.

Pertama kamu harus punya gambaran untuk favicon. Bagi temen-temen blogger yang menguasai software grafis,temen-temen blogger boleh membuat sebuah logo dengan Adobe Photoshop, Illustrator, CorelDraw, atau software grafis apapun yang temen-temen blogger kuasai. Lalu ekspor ke gif, png atau jpg. Jika temen-temen blogger tidak menguasai software grafis, temen-temen blogger bisa gunakan icon gratis dengan googling atau bahkan foto yang ada di harddisk temen-temen blogger.
Lalu upload file tersebut ke website FavIcon from Pics dengan menekan Browse. Contreng pilihan "Animate Favicon" jika anda menginginkan favicon animasi. Lalu klik "Generate Favicon.ico".


Selanjutnya download favicon yang dihasilkan dengan mengklik tombol "Download Favicon".


Extract file zip yang dihasilkan. Lalu upload favicon.ico dan animated_favicon1.gif (favicon animasi) ke file hosting gratis seperti Google Pages, Photobucket.

Sekarang, login ke Blogger. Pilih Layout -> Edit HTML.

Copy kode di bawah ini:


<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="animated_favicon1.gif" type="image/gif" />


Lalu paste persis di bawah baris kode berikut:

<b:include data="blog" name="all-head-content"/>


Sekarang ubah alamat URL favicon dengan URL tempat anda menyimpan file favicon di file hosting. Lihat gambar di atas, klik untuk melihat lebih besar. Perhatikan, bagian yang dihighlight adalah contoh URL yang telah diubah. Ubah juga alamat URL favicon animasi (animated_favicon1.gif) jika anda memang menginginkannya. Periksa lagi apakah alamat URL sudah benar.

Simpan Template. Lihat hasilnya. Jika favicon belum muncul, refresh browser.

Selamat mencoba!

SentraClix

0 Responses for “ FAVICON UNTUK BLOGGER”

Berikan Komentar

Masukkan Komentar Anda Tentang Artikel Atau Berita Ini Untuk Kritik dan saran Silahkan Kunjungi Contact Kami Disini Untuk Melengkapi Berita / Artikel Kami

Komentar Terbaru

Info Terbaru

Sport

[Widget by : Numpangketik] [tutup]
Facebook Twitter Yahoo! Feeds