Cara Membuat Favicon

Buat para Blogger baru nama favicon pasti begitu asing di telinga. Sebenarnya yang namanya favicon itu letaknya tidak jauh dari address bar atau judul halaman sebuah blog. Tepat di sebelah kiri tulisan halaman url letaknya. Seperti ini contohnya :

faviconSekarang sobat sudah bisa membayangkan akan membuat favicon seperti apa untuk Blog sobat. Sobat bisa merancang sendiri lewat Photoshop atau kalau tidak mau repot bisa mendownload gambar di Internet.

Bagaimana caranya membuat favicon nya?
Untuk membuatnya, sobat harus punya gambar yang akan dipakai untuk membuat faviconnya. Jika sudah punya, simak baik - baik caranya berikut ini.

I. Buka browser sobat dan arahkan ke alamat www.genfavicon.com

  1. klik Browse dan cari gambarnya di komputer sobat. Kemudian klik Upload Image

    image

  2. Atur sendiri gambarnya, tarik kotak view sampai penuh (besar).

    image

  3. Klik ukuran yang sobat inginkan kemudian Klik Capture & Preview. Pilih ukuran yang paling kecil saja. 
    image

  4. Selanjutnya klik Download: jpg dan simpan gambarnya di komputer sobat. 

    image

  5. Langkah selanjutnya adalah sobat harus mengupload gambar tersebut ke tempat penyimpanan online, contoh adalah ke Photobucket atau Google Sites.

  6. Sekarang anggap saja sobat sudah menyimpan gambar sobat di tempat penyimpanan online, seperti ini contoh gambar yang telah saya simpan di google sites :

    http://sites.google.com/site/dodyfarial/image/RSS-Blue.png

II. Buka Blogger, masuk menggunakan ID sobat.

  1. Pilih Tata Letak.

  2. Klik Edit HTML.

  3. Pada halaman HTML, sobat harus mengganti tulisan yang saya tandai dengan warna ungu dengan alamat url favicon sobat :

    <link href='http://sites.google.com/site/dodyfarial/image/RSS-Blue.png' rel='shotcut icon'/>

  4. Kemudian letakkan halaman url baru sobat diatas kode </head>

  5. Kemudian Save Template, mudah kan.


Selamat mencoba !!

Berlangganan artikel terbaru via Email
Artikel Lainnya :

20 comments

28 Juli 2009 09.23

tips yang menarik nih...

5 Agustus 2009 13.27

Kebetulan, blog saya belum ada iconnya. Mo bikin icon kepiting ah. Makasih atas tipsnya... :D

23 September 2009 14.08

tks tipsnya bro. berguna banget. sekalian mau undang kawan-kawan lain yang mau berbagi dengan saya dalam belajar megedit aplikasi HP dan berbagi di http://adenapps.blogspot.com

21 Februari 2010 18.32

tips yg bagus....

10 Maret 2010 16.03

thanks

25 Maret 2010 14.26

info yg sgt bermanfaat

4 Mei 2010 07.11

oo...di blogger favicon juga bisa diganti yaa..??
baru tahu sob...
makasih sharenya, saya coba dulu..

Fatchan
25 Juli 2010 08.24

Alhamdulillaah... akhirnya ketemu juga, makasii Sobat. Padahal saya sudah lama mencari-cari ini, tapi tidak tau namanya,
Makasiii,,, salam sukse selalu...

6 September 2010 10.23

wow keren

30 November 2010 16.37

makasih banyak bos...akhirnya aku dapat informasi dari blog si boss..buat utak atik blog aku yang masih gaptek...makasih banget

Helmi.s
11 Desember 2010 08.18

Trimakasih Tips nya kita Mau Coba Dulu Nanti Mudah mudahan bisa

Anonim
23 Februari 2011 09.59

mas klo bacaan ini <link href g ada d html sya gmna tolong y solusinya....

3 Mei 2011 05.44

wah maaf gan...aq dah coba buat favicon ndak bisa2e...not suported href

10 Mei 2011 10.40

menarik sekali dan gampang di praktekan, saya langsung coba... thank ya........

17 Juli 2011 11.06

Ingin saling KLIK IKLAN? smskan alamat blog saudara ke 085647680200
ini comunitas besar sdra akan dbagi no.anggota bloggr lai.
ayo buktikan.

29 Juli 2011 15.28

aku malah belum berhasil menyimpan imagenya di penyimpanan online http://bps36.blogspot.com

8 September 2011 00.29

mantap gan..ane banyak nguras ilmu dari agan,makash ya

9 Oktober 2011 21.40

langsung sedot mas Doddy..

4 November 2011 01.33

Selalu terpakai ilmumu mas..

13 Desember 2011 19.59

terima kasih sekali gan atas infonya yang membangun, saya akan selalu belajar dari blog juragan, salam kenal.
http://caramembuatyangakumau.blogspot.com

Poskan Komentar

Reader Community

Recent Comments