Minggu, 23 Agustus 2009

Cara membuat Favicon

. Minggu, 23 Agustus 2009

Favicon adalah gambar kecil di samping kiri address bar. Favicon juga salah satu cara mempercantik blog kita, dan juga bisa jadi logo blog kita. Apakah sobat sekalian sekarang tertarik untuk membuatnya?? Tenang saja bagi yang belum tau Cara membuat Favicon, kali ini ikuti tips dari Om Kempul :
 
  1.  Sobat tentuin gambar yang akan di jadikan favicon.

  2. Ubah gambar yang sudah sobat tentuin menjadi icon (.ico). Gunakan Favicon Generator untuk mengubah extensinya menjadi .ico

  3. Tekan tombol Browse, cari lokasi gambar yang akan di pilih.

  4.  Tekan tombol Generate Favicon!

  5.  Klik Click Here to Download Your Favicon!

  6.  Save gambar yang sudah di Generate ke komputer sobat.

  7.  Upload gambar tadi di hostingan, bisa di http://photobucket.com/ atau yang lainya.

  8.  Copy URL gambar sobat. ini contoh URL gambar saya


    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibb_p28z9ZXH2ql73zXx3mKwnf6yxcqbKMtoVTbct_glIN1KAja-0kKv0paUw0b7jTIkFlxAGJ6T1lDpCebYZJlTzdI-0CyqoSMPL1rwg9PqAuuQPEi9whMVwhG6xZVizzT3n_S4Les0AS/s320/favicon(3).ico
  9.  Sobat ubah alamat URL gambarnya menjadi Seperti ini:


    <link rel="shortcut icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibb_p28z9ZXH2ql73zXx3mKwnf6yxcqbKMtoVTbct_glIN1KAja-0kKv0paUw0b7jTIkFlxAGJ6T1lDpCebYZJlTzdI-0CyqoSMPL1rwg9PqAuuQPEi9whMVwhG6xZVizzT3n_S4Les0AS/s320/favicon(3).ico"/>

    atau bisa juga di ubah seperti berikut:


    <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibb_p28z9ZXH2ql73zXx3mKwnf6yxcqbKMtoVTbct_glIN1KAja-0kKv0paUw0b7jTIkFlxAGJ6T1lDpCebYZJlTzdI-0CyqoSMPL1rwg9PqAuuQPEi9whMVwhG6xZVizzT3n_S4Les0AS/s320/favicon(3).ico' rel='shortcut icon' type='image/x-icon'/>
  10. Login ke blogger

  11.  Klik Tata Letak

  12.  Klik Edit HTML

  13. Klik Download Template Lengkap, biar nanti jika ada kesalahan bisa dikembalikan seperti semula

  14. Cari kode <b:skin><![CDATA[/*

  15.  Paste kode URL gambar sobat yang sudah di edit tadi sebelum kode <b:skin><![CDATA[/*

  16. Atau dengan cara lain, cari kode </head>, Paste kode URL gambar sobat yang sudah di edit tadi persis di atas kode </head>

  17. Klik Simpan Template

  18. Dan rasakan hasilnya . . . Good Luck . . .

5 komentar:

Guitar Tua mengatakan...

keren on,,, pantas di coba....

Ocim mengatakan...

nice info pak

terus posting yg bermutu lg

gema_gogo mengatakan...

Info bagus bro..

bisa ganti bloger jadi yang kita inginkan..

Hannah Montana News mengatakan...

you know what I'm so confused and I can't find the layout button..help!

Ridho Musyaffa NASUTION mengatakan...

saya dah coba , berhasil thank you. :D

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

 

Recent Comment

Sahabat Setia

Recent Post

Related Websites

This Blog is proudly powered by Blogger.com | Template by miscah.blogspot.com