Beranda » » Mengganti dan Memasang Favicon (Icon Blog) Konten Lain di Sini

Mengganti dan Memasang Favicon (Icon Blog)

Favicon adalah ikon kecil yang berada di pojok kiri address bar dan pojok kiri tab atau tittle bar browser kita. Secara default favicon Blogger/Blogspot berbentuk simbol B dengan background jingga. Kalau dirasa sepertinya kurang keren ya menurut saya. Sehingga ada keinginan untuk mengganti nya. Tentunya kamu juga ingin punya favicon sendiri untuk branding blogmu, ya atau tidak? Kemudian bagaimana cara membuat favicon yang gampang, lalu menampilkannya di blog? 

>> Membuat Favicon Sesuai Seleramu
Buatlah favicon dahulu sesuai selera kamu. Jika kamu seorang master (hehe) atau dapat menguasai software grafis, silahkan membuat favicon dengan Adobe Photoshop, Illustrator, CorelDraw, atau software grafis apapun yang kamu kuasai. Jangan lupa ekspor atau unagh ekstensinya ke gif, png atau jpg. 

Namun apabila kamu tidak menguasai software grafis, bisa gunakan icon gratis dengan googling atau bahkan foto yang ada di harddiskmu.

Upload file tersebut ke website FavIcon from Pics dengan menekan Browse. Centang pilihan "Animate Favicon" jika anda menginginkan favicon animasi. Lalu klik "Generate Favicon.ico"


Kemudian download icon tersebut dengan mengklik "Download Favicon"


Ekstrak file zip yang sudah kamu download tadi. Upload favicon.ico dan animated_favicon1.gif (favicon animasi) ke file hosting gratis seperti Google Pages, Photobucket, kalau saya menggunakan Tinypic.com. Lalu bagaimana cara memasangnya di blog?? Ada dua cara :

Cara Mengganti dan Memasang Favicon (Icon Blog) Part I
1. Log in ke blogger masuk dasbor 
2. Pilih menu Rancangan / Template 
3. Klik Edit HTML 
4. Centang "Expand Widget Templates", klik Lanjutkan 
5. Cari kode <b:include data="blog" name="all-head-content"/> atau <b:include data='blog' name='all-head-content'/> (tekan & tahan Ctrl + F untuk pencarian)  
6. Setelah ketemu masukkan script berikut di atas kode <b:include data="blog" name="all-head-content"/> atau <b:include data='blog' name='all-head-content'/>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="animated_favicon1.gif" type="image/gif" />
7. Atau bisa dengan cara mencari kode </head> , kemudian copas kode script berikut diatasnya
<link href='alamat tempat gambar favicon.ico sobat' rel='icon' type='image/vnd.microsoft.icon'/>
atau
<link href='alamat tempat gambar favicon.ico sobat' rel='icon' type='image/x-icon'/>
atau

<link rel="shortcut icon" href="alamat tempat gambar favicon.ico sobat"/>



Klik simpan template





Cara Mengganti dan Memasang Favicon (Icon Blog) Part II : 
Gampang saja, memang paling mudah ditunjukkan dengan gambar. Karena kata orang, gambar mampu berbicara atau menjelaskan lebih banyak dari kata-kata. Hehe...



1. Log in ke blogger masuk dasbor 
2. Masuk ke Layout / Tata Letak
3. Lihat letak Favicon di kiri atas, klik edit (look this picture)



4. Klik browse, pilih filenya, klik open dan Unggah. Selesai tanpa mendapatkan URL gambar, mudah kan??
Tinggal kamu mau pilih yang mana....

Semoga bermanfaat kawan and selamat mencoba!

2 komentar:

  1. terima kasih banyak gan , saya coba dlu ya. :D

    BalasHapus
  2. terima kasih gan, saya coba dlu ya :D

    BalasHapus

NB:
- Link hidup dalam komentar akan terhapus secara otomatis
- Jika ingin memasukan gambar gunakan tag
[img]URL Gambarmu[/img]
- Jika Video
[youtube]URL Video[/youtube]
- Untuk memasukkan kode gunakan tag
[code]Kode Anda[/code]
- Untuk memasukkan kode css javascript jquery gunakan tag
[pre]Kode Anda[/pre]
- Jika kata - kata mutiara gunakan
[blockquote]Kata-kata Anda[/blockquote]
- Kamu juga bisa menggunakan emoticon seperti biasa.
:) :( =( :s ^_^ :D =D ^:D @@, ;) :-bd :-d :'( :'( T_T :\ :p B) :Q :Ozz 7:( \o/ \m/ <3 0:) ^o^ :-a 7:O *fck* xV x@ X@ ~x( ''J :W
Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.

 
Copyright © / Share Creativity™ / IR-AKAZINE TEMPLATE.All Right Reserved.
Created by : akaUTta Designed by : Aka_ARdi | Powered by Blogger.
Loading...