Mengenai apa itu Favicon...
Favicon adalah icon yang terlihat di address bar ketika kita mengunjungi suatu blog atau website.
Mungkin anda sering melihat tutorial tentang cara pembuatan favicon, tapi gagal dalam penerapannya.
Nah, disini kita akan kupas tuntas tentang cara pembuatannya.
Tidak terlalu sulit kok, hanya perlu ketelitian yang cukup matang aja.
Jika kita membuat blog dari blogger.com, maka otomatis favicon kita akan seperti gambar dibawah ini
Bagaimana?
Apakah mau membuatnya?
Oke kita mulai.
Persiapan...
Anda harus mempunyai gambar di Internet caranya:
- Buatlah gambar favicon yang anda suka (bisa menggunakan program desain grafis, misalkan adobe, corel draw dan lain-lain)
- Buatlah gambar yang kecil (jangan terlalu besar, karena hanya akan memperlambat loading blog anda
- Upload gambar yang telah anda buat (bisa menggunakan picasaweb.google.com, www.tinypic.com dan lain-lain
- Setelah Upload, cari lokasi URL gambar tersebut (nantinya akan dimasukan kedalam kode)
Cara Pertama...
Cara termudah dan ini merupakan script yang saya lakukan.
- Masuk ke www.blogger.com
- Pilih Rancangan
- Klik Edit HTML
- Cari kode <b:skin> (untuk memudahkan tekan CTRL+F)
- Masukan Script dibawah ini tepat diatas kode <b:skin>
- Ganti tulisan yang berwarna merah dengan url gambar anda
- Simpan Template
- Selesai...
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTZOo4ETiOKUoUU2Z8r_1CGI-dJVbSPluJJeT_MHrrNZj95KjnbV6ECDjdBSZXXqUREyu4ojsvBf8NRiZ9NjY01oHNnTNjvDS9Ogm2RxbORcEqMDtOORAiuHAkFIj_y0SCccJMuAPgOZw/' rel='shortcut icon' type='image/x-icon'/>
- Masuk ke www.blogger.com
- Pilih Rancangan
- Klik Edit HTML
- Cari kode <head> (untuk memudahkan tekan CTRL+F)
- Masukan Kode dibawah ini tepat dibawah kode <head>
- Ganti tulisan yang berwarna merah dengan url gambar anda
- Simpan Template
- Selesai...
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTZOo4ETiOKUoUU2Z8r_1CGI-dJVbSPluJJeT_MHrrNZj95KjnbV6ECDjdBSZXXqUREyu4ojsvBf8NRiZ9NjY01oHNnTNjvDS9Ogm2RxbORcEqMDtOORAiuHAkFIj_y0SCccJMuAPgOZw/' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
- Masuk ke www.blogger.com
- Pilih Rancangan
- Klik Edit HTML
- Cari kode <b:include data='blog' name='all-head-content'/> (untuk memudahkan tekan CTRL+F)
- Masukan Kode dibawah ini tepat dibawah kode <b:include data='blog' name='all-head-content'/>
- Ganti tulisan yang berwarna merah dengan url gambar anda
- Ganti juga favicon2.gif jika anda mau melakukannya
- Simpan Template
- Selesai...
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTZOo4ETiOKUoUU2Z8r_1CGI-dJVbSPluJJeT_MHrrNZj95KjnbV6ECDjdBSZXXqUREyu4ojsvBf8NRiZ9NjY01oHNnTNjvDS9Ogm2RxbORcEqMDtOORAiuHAkFIj_y0SCccJMuAPgOZw/' rel='shortcut icon'/> <link rel="icon" href="favicon2.gif" type="image/gif" />
Intinya...
Favicon adalah sebagian tampilan anda. Walaupun tampilannya kecil, tapi alangkah puasnya hati kita jika menggunakan gambar sendiri. Gunakanlah trik ini untuk mempercantik blog anda dan untuk menambah wawasan dalam dunia blogging.
Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.
44 komentar:
ow..begitu.!!oke dehh thax
Wah keren tutorialnya gan.. btw apa gak melanggar code TOS blogger gan.?
saya dah tanya katanya tidak, jadi aman dech
tapi kalo ada masalah lain segera hubungi congcot
hooh keren nih tutor nya
siip banget komplate sobat...
terkadang memang nggak muncul
tapi dengan ada 3 solusi ini kita tinggal tes satu persatu...
makasih informasinya... salam sukses
betul gan, banyak yg gagal dalam penerapannya, mudah2an dengan cara agan ini, bisa berhasil...jgn lupa mampir ya lihat update terbaru piala dunia dan melihat video highligt brasil vs pantai gading
saya pasang favicon waktu itu masih pakai cara yang lama sob...di sini: http://icawoman.blogspot.com/2009/09/membuat-favicon-via-favicon-maker.html
waktu itu bos Congcot belum ngasih bocoran cara yang baru siiihh...padahal cara yang sekarang lebih praktis tuh :)
btw sip dan akan saya save sebagai tambahan ilmu..
makasih ya bos...
unya ku udah sob,, salam persahabatan untuk kita semua ya..
Simple tp menarik
Ak jg dah pasang kang :)
mantap kang. Hehe..
Lebih praktis pakai rancangan ya. Tutorial yang hebat.
Salam ukhuwah
sip sip sip...
emang muatab nich agan... :D
aku juga dah pake kaya gitu sob, tapi sip
udah tak ganti favicon q....
ini dia posting yang kucari,, untuk mengubah favicon,,,
yang lain aku coba slalu gagal,,
tpi aku kan ttp coba..
thx., nice post..
tutorial yang menarik sobat...
Ini yang saya cari2 selama ini ! Nice INFO gan
wah .,.,tutorialnya lebih lengkap dari punyakku nih.,.,.,kamu emang hebat sob.,
info yang menarik, thx ya
nice post sobat
ini dia yang aku cari... jadi bisa berkreasi menampilkan favicon... makasih sobat.
im trulybetter.o...gitu to?okay saya gantine halaman blog saya
siip gan. jadi inget dulu waktu pertama mulai ngeblog, pengen banget tuh ganti favicon, tapi kaga ngerti.. hehe..
mantep deh buat share dan infonya buat para blogger pemula..
keren gan.. sukses...
im truly better.im lagi buat blog 2 minggu yang lalu (apa hubungannya??????)
aku memilih satandart sampai saat ini :D
wah ini yang aq cari sob, makasih dah share, aq desain dulu iconnya
faviconku biasa g seh menurut sobat2??
tolong diliyat ya.. :
fufu
gini toh cara ganti icon kecil di adress baar........tq ya tips nya///........^_^
berangkat untuk upload favicon pak..
saya baru liat cara dua dan cara tiga..
karena dari dulu gagal terus.. hiks!
waw... aq dah coba dan keren kalo ganti favicon tapi blogger juga the best...
sip gan..
mantap
ditampi elmu na... nuhun dulurdz...!!!
Terimakasih soalnya buat nambah ilmu aku keliling cari Blogger master,,..
thanks sharenya selalu makin sukses
terimah kasih ats infonya kang.......
salam knl ya........:)
top artikel brow, q mau coba, mungpung blog q belum ganti icon.. makasih,sering-sering comen dan kunjug ya, folow juga ya.. hehehe
Terima kasih... nice artikel..
bang keren banged tutorialnya 100% working ,, oia bang gmna ea crnya bwad daftar isi,forumnya ,download tu kyk abang tun ? sya bnggung ,,
mampir jga ,, purwa-outsider.blogspot.com
thanks mr..
simple,,but amazing
gambarnya gak keluar, tapi malah keluar ikon kertas dilipet.... gmn solusinya??? mksh....
ajibbbbbbbbb........
langsung bisa.......
mkasih mas...
trimakasih info nya gan
ga ada yang berhasil dengan cara ketiga tersebut gan?
mungkin itu semua cara lama ?
ada cara baru ga ?
kalo ad kasih tau yah..
thanks...
hmmm... belum tau sich...
ntar kalo santai, saya otak atik lagi dech
hehe
makasih sarannya
Saya dah pasang, ijin menyimak saja
Bagaimana menurut Anda?