Nah, sebelum kita mulai baca2 postingan, ada baiknya (g ada buruknya) klo teman2 lihat dulu disebelah atas, tepat disamping alamat blog ini.
Kelihatan kan? ada logo nya, yg tulisannya 'e'. tu logo baru 2harian 'diresmikan' jadi logo blog ni...he999. Berlebihan.
Nah, kebetulan, tujuan pembahasan kita kali ini bukan tentang sejarah logo tu, tapi, bagaimana membuat yang kaya gitu...jadi, bagaimana agar gambar/icon kita bisa muncul disebelah alamat url kita (favicon)..
Caranya simpel banget kok. Yang pertama, teman harus sudah punya gambar/ icon, yang klo bisa ukurannya cukup 25px x 25px. G usah besar2, nanti berat blognya.
Nah, kamu bisa upload gambar tersebut untuk mendapatkan kode gambarnya. Bisa diupload di photobucket.com, ato apa j, terserah. G pa2, g ma2.
Klo dah dapet kodenya, tinggal kita edit blog kamu.
Caranya, pergilah menuju Tata letak - Edit Html.
Silahkan cari kode berikut: <easyblogtrick is the best>
Dah ketemu? Klo belum, silahkan cari sampe tua, karena bukan itu kodenya.he99:):) Just kidding.
Yang bener, cari kode : <head>
Contoh untuk memasukkan gambar ini
Copy kode berikut : <link href='http://i425.photobucket.com/albums/pp335/egobslank/Graphic1.jpg' rel='SHORTCUT ICON'/>
Paste tepat dibawah kode <head>
Dah, tinggal simpan template. Gimana, dah muncul kan gambarnya? untuk kode yang bercetak tebal diatas, ganti dengan link gambar kamu...
Males bikin gambar/upload gambar? bisa pake ini..tinggal copy paste kodenya DIBAWAH kode<head>..
Kode :
<link href='http://i425.photobucket.com/albums/pp335/egobslank/Graphic1.jpg' rel='shortcut icon'/>
Kode :
<link href='http://i425.photobucket.com/albums/pp335/egobslank/a.jpg' rel='shortcut icon'/>
Kode :
<link href='http://i425.photobucket.com/albums/pp335/egobslank/b.jpg' rel='shortcut icon'/>
Kode :
<link href='http://i425.photobucket.com/albums/pp335/egobslank/c.jpg' rel='shortcut icon'/>
Kode :
<link href='http://i425.photobucket.com/albums/pp335/egobslank/d.jpg' rel='shortcut icon'/>
Kode :
<link href='http://i425.photobucket.com/albums/pp335/egobslank/e.jpg' rel='shortcut icon'/>
Gambar di atas adalah gambar initial huruf. Ada yang pengen huruf ato warna laen?? request j, klo sempet q buatin..klo sempet lo:):)
Met mencoba!! GAMPANG KOK!!
Update terbaru membuat favicon ada disini.
<link href='http://i425.photobucket.com/albums/pp335/egobslank/a.jpg' rel='shortcut icon'/>
Kode :
<link href='http://i425.photobucket.com/albums/pp335/egobslank/b.jpg' rel='shortcut icon'/>
Kode :
<link href='http://i425.photobucket.com/albums/pp335/egobslank/c.jpg' rel='shortcut icon'/>
Kode :
<link href='http://i425.photobucket.com/albums/pp335/egobslank/d.jpg' rel='shortcut icon'/>
Kode :
<link href='http://i425.photobucket.com/albums/pp335/egobslank/e.jpg' rel='shortcut icon'/>
Gambar di atas adalah gambar initial huruf. Ada yang pengen huruf ato warna laen?? request j, klo sempet q buatin..klo sempet lo:):)
Met mencoba!! GAMPANG KOK!!
Update terbaru membuat favicon ada disini.
dah bisa...he9. makasih y.q request yang tulisan hurufnya warna putih donk..he9.dah diajari, minta buatin lagi. Gp2 kan?
ReplyDeletesip sip... thanks tipsnya
ReplyDeleteLapor!ilmu dah dipraktekin, dan berhasil!!
ReplyDeleteThanks...
Aku g bisa... padahal uda ngikutin semua cara-caranya... btw... gambarnya itu *ico atau *apa? mohon pencerahannya...
ReplyDeletebagus juga hasilnya setelah ane coba gan...
ReplyDelete