Cara Membuat Favicon

Sebenarnya tutorial berikut sudah banyak sekali blogger yang membahasnya, Cara Membuat Favicon ya sudah sangat tidak asing lagi ditelinga para blogger. Tapi sekali lagi, karena saya hanya ingin sharing terutama bagi para pemula sebagai pelengkap dari tutorial sebelumnya (Baca: cara membuat Blog di Blogger, Cara Posting Artikel Pada Blog, Cara Setting Dan Download Template), apapun yang saya ketahui maka akan saya share buat anda.

Favicon adalah logo kecil yang terdapat pada browser anda ketika membuka blog atau website, kalau blogger anda bisa lihat contohnya pada gambar berikut: Kali ini saya ingin membuat tutorialnya dengan dua cara yaitu favicon yang biasa (berupa gambar atau logo biasa) dan favicon berupa scroll text (contohnya bisa dilihat pada blog ini)

Berikut untuk membuat favicon yang biasa:

• Login ke Blogger.com
• Kemudian Tata Letak
• Pilih Edit HTML
• Copas kode berikut diatas kode </head>

<link href='http://img541.imageshack.us/img541/1931/1d651f921f0a3e69606d675.gif' rel='SHORTCUT ICON'/>

• Yang berwarna merah ganti dengan alamat URL image anda
• Selanjutnya Save Template

Silahkan gunakan URL image dibawah yang saya dapat dari mas kendhin :
http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif

http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif

Apabila anda ingin membuatnya sendiri silahkan anda buat file image-nya.. apabila ingin di-convert ke .ico silahkan kunjungi situs http://www.convertico.com/ dengan hanya browse file image anda kemudian klik convert, image anda sudah menjadi nama-image-anda.ico.

Untuk Favicon dengan Text Scroll

Sebenarnya caranya sama saja dengan yang diatas, bedanya terletak pada image-nya saja. Untuk membuat image yang berisi scroll text,

• Kunjungi saja situs http://www.favicongenerator.org/ maka pada bagian paling bawah dekat footer, anda akan lihat seperti gambar berikut:

• Browse file image anda kemudian pada Scrolling Text ketikkan teks yang anda inginkan..
• Setelah itu, Klik botton Generate Favicon
• Maka akan ada Preview-nya, silahkan anda download imagenya dengan cara klik kanan pada image yang anda pilih kemudian pilih Save image as untuk menyimpannya pada komputer anda
• Setelah itu, silahkan upload image yang di download tadi dan gunakan URL image-nya pada kode diatas..
• Jangan lupa Save Template

Semoga berhasil dan semoga bermanfaat serta membantu anda.. :D

Share on Google Plus

About Admin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.