WELCOME TO HANDRY USA AREA

1 Maret 2011

Cara Mengganti Logo Favicon Blog


10.23 | ,

   Bagi blogerwan-blogerwati yang belum tahu apa sebenarnya Favicon itu?. Favicon (favourite icon) adalah icon kecil yang akan terlihat di web browser (Mozilla, Internet Expllorer, Opera dll.) berada di samping URL blog atau web site sobat. Setiap web atau blog biasanya memiliki favicon untuk mewakili wajah serta karakter dari web atau blog tersebut. Contoh Lihat icon animasi pada Blog ini berada  disamping kiri atas URL Blog Handry Usa.
    Apabila anda membuat blog di Blogger.com, maka favicon yang berada di samping alamat URL sobat adalah berupa favicon blogger,berupa logo blogger berwarna orange. Favicon ini bisa diganti, lalu bagaimana jika anda ingin mengganti/merubah favicon ini?

    Ini Tutorial bagian 3  dari 3 Tutorial.

1. Membuat Logo Favicon Blog dengan Illustrator
2. Membuat Logo Favicon Blog Animation dengan Photoshop
3. Cara Mengganti Logo Favicon Blog


Untuk mengganti favicon tersebut, ikutilah langkah-langkah Ritualnya sebagai berikut.

1. Upload logo (icon) ke tempat penyimpanan file (hosting) saya menggunakan Picassa.
2. Setelah logo berhasil diupload, klik kanan pada logo (icon) pilih lihat gambar (view image) jika menggunakan browser Mozilla. Contoh URL icon sayaclip_image002

3. Copy (Ctrl + C) alamat Url sobat lalu Paste (Ctrl V) di antara kode
<link href=’disini’ rel='shortcut icon'/>
Sehingga hasilya seperti ini.
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFP2AWhB7cmfO1k0aShVdmdi4F1BwuvnM3i7oyZWDs27UEOQn3grRt8-mcmXzvBvoTUL-fq4kGJUC4df-D6GozlJ1wEn9mwkEFeUk7r1mezV3BqAi4HDhQ9dy74jSK8ZQaP4Gx56zAJ90/' rel='shortcut icon'/>

Copy (Ctrl + C) semua kode atas yang akan diletakan dalam blog
Warna Merah Ganti dengan URL icon Sobat

4. Masuk ke blog dengan ID sobat ( back up dulu ya. Untuk berjaga-jaga jika jampi-jampi tidak manjur).

5. Edit HTML => clip_image004

6. Centang Expand clip_image006

7. Kemudian cari kode ini </title> Kodenya ada pada bagian atas atau
 Ctrl + F lalu ketik </title>

8. Paste (Ctrl + V) semua kode mantra diatas dibawah kode </title>
Hasilnya Seperti ini .
image

9. Terakhir Save dan lihat hasilnya.
Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda. Silahkan bertanya di kotak komentar jika sobat mengalami kesulitan.


“Selamat Mencoba”
 

Ingin mendapat artikel langsung ke email anda? Silahkan DAFTAR alamat email anda dibawah untuk berlangganan.


You Might Also Like :


0 comments:

Posting Komentar

Terima kasih atas kunjungannya.