Mr. Black Hats Information: Mengganti Favicon Blog|Tutorial Blog |Terbaru dan Terlengkap|

Mr.Black Hats Informasi - Blogger Pemula Pada posting sebelumnya kita telah membahas artikel Membuat Widget Followers Show and Hide yaitu kita tahu kalo widget nya bisa Show and hide alias ada tombol buka tutup nya,Jadi jika kalian ingin menghemat ruang di halaman depan blog kalian bisa lakukan cara itu dan juga mempercepat loading blog.

Kembali ke topik masalah,Bagi yang belum tahu apa itu Favicon dan saya akan jelaskan :

1. Pengertian Favicon
Favicon adalah sebuah icon yang berada di sebelah kiri address bar kalian,Secara default icon favicon blog kalian adalah ►

tapi kita bisa merubahnya dengan icon yang kita inginkan.Favicon sangat berguna bagi blog kalian yang bertema e-Shop atau Jasa karena menurut saya konsumen itu melihat dari :

Domain

Bagi blog kalian yang bertema e-Shop atau Jasa usahakan kalian agar membeli sebuah domain agar bisa menarik simpati dari konsumen

Menghilangkan widget-widget default atau widget bawaan blogger

Ini yang harus kalian lakukan jika kalian sudah mengganti domain .Blogspot menjadi domain milik anda sendiri.

Contoh dari widget bawaan blogger yaitu :

Tulisan 'Langgan : Entri Atom'
Mengganti Favicon
Dan widget lainnya yang berhubungan dengan Default

Menaikkan Alexa Rank dan Page Rank

Trik ini pun jangan diabaikan meskipun blog kalian sudah tidak ada lagi widget bawaan blogger ataupun domain kalian sudah diganti tetapi jika Page Rank dan Alexa Rank kalian masih 0 atau N/A maka sia-sia,Bagaimana Tips nya?lihat link-link dibawah :

2. Cara mengganti Favicon blog secara Manual !

Login ke blogger
Klik Rancangan

Gb.1

Klik 'Edit Html'
Centang 'Expand Widget'

Gb.2

Pastekan kode berikut diatas kode <Head>

Nb:Gunakan CTRL + F untuk mempercepat pencarian

<link href='http://img339.imageshack.us/img339/4782/animatedfavicon1fb.gif' rel='shortcut icon'/>

Nb:Tulisan yang bewarna Merah Kalian bisa ganti dengan Alamat gambar Icon Favicon kalian,Kalian bisa buat icon dengan bantuan Adobe Photoshop ataupun Paint.Jika Icon Favicon nya sudah jadi silahkan Upload ke Html Kit/Favicon.Atau lihat cara dibawah ini :

Buka Website Html Kit/Favicon
Upload Gambar yang tadi sudah di buat.

Gb.3

3.Perhatikan Gb.3 !
Silahkan browse terdahulu gambar Icon Favicon kalian seperti pada Gb.3 no .1 lalu klik Generate Favicon.Ico seperti no.2 pada Gb.3.
4.Jika sudah maka tampilan nya akan seperti pada gambar dibawah ini :

Gb.4

5.Lalu klik 'Download Favicon Package' seperti pada kotak warna merah pada Gb.4
6.Extract dahulu file hasil download nya
7.Lalu upload kembali ke layanan hosting gambar seperti Tinypic
8.Jika sudah Ambil Direct Link nya lalu gabungkan dengan kode dibawah ini :

<link href='Kode Direct Link' rel='shortcut icon'/>

Nb : Ganti tulisan yang bewarna merah dengan Kode Direct Link yang didapat dari Upload barusan.
9.Selanjutnya 'Simpan Template'

Warning!!!
Saya tidak menjamin bahwa langkah diatas berhasil 100% karena barusan saya habis blogwalking dan mendapat Tutorial berbeda dengan langkah diatas atau bisa disebut Tutorial ini tutorial Alternatif :

Copy kode dibawah ini :

<link href='Kode Direct Link' rel='shortcut icon'/>

Pastekan dibawah kode ]]><b:skin/> seperti pada kode dibawah ini :

]]><b:skin/>
<link href='Kode Direct Link' rel='shortcut icon'/></head>

'Simpan Template'

3. Cara mengganti Favicon blog secara Otomatis !

Berbeda dengan cara diatas cara ini sangat Praktis,Oke kita langsung saja :

Login ke blog anda
Klik 'Rancangan'

Gb.5

Klik 'Edit' pada Feature terbaru blogspot letaknya dibagian Header Element,Pojok sebelah kiri.

Gb.6

Upload Gambar Icon Favicon yang sudah dibuat tadi.
Selesai

Saya harap kalian tidak bete dengan membaca tutorial ini yang sangat panjang hehe,Capek juga nulis artikel yang panjang tapi saya bangga dengan diri saya sendiri karena artikel ini bukan Hasil COPAS!!! melainkan hasil kerja dan Blogwalking :)

Thanks Before,Silahkan berkomentar dibawah dan bagi yang ingin bertanya silahkan komentar juga :)

22 komentar:

Raindra mengatakan...: cip gan :D ;); Balas 15 Juli 2011 pukul 12.55
Boy mengatakan...: @ Raindra : haha =)); Balas 15 Juli 2011 pukul 14.54
Anonim mengatakan...: Makasih sob. kenbetulan saya juga memakai cara sama seperti sobat mengenai favicon. hehehe,
Nice info.; Balas 15 Juli 2011 pukul 15.11
Boy mengatakan...: @ Koisine:Sama-sama,Sip :); Balas 15 Juli 2011 pukul 15.18
unik dan menarik mengatakan...: artikel yang bermanfaat ,, patut di coba, :); Balas 15 Juli 2011 pukul 15.45
Boy mengatakan...: @ Idris : Thanks ;)); Balas 15 Juli 2011 pukul 15.51
Tiket Zone mengatakan...: Aq coba dulu dech; Balas 15 Juli 2011 pukul 17.24
Boy mengatakan...: @ Tiket : SIp :P; Balas 15 Juli 2011 pukul 17.29
MF.isnaini mengatakan...: sangat membantu.. teruslah berbagi ilmu maka ilmu itu akan makin lekat pada dirimu..; Balas 15 Juli 2011 pukul 17.53
Boy mengatakan...: @ Isnaini : Sip gan :D; Balas 15 Juli 2011 pukul 18.22
Iu Lover mengatakan...: iya sekarang dah ada fasilitas dari bloggerny buat ganti favicon langsung dari dasbor ,mantap dah :); Balas 16 Juli 2011 pukul 07.03
Boy mengatakan...: @ Syaif : Iya :D; Balas 16 Juli 2011 pukul 07.20
Efek Refres pada Blog mengatakan...: favicon saya masih standar OM Boy,, :D; Balas 16 Juli 2011 pukul 20.22
Boy mengatakan...: @Cayun:Masa gan? :-/; Balas 16 Juli 2011 pukul 20.34
Rifqi mengatakan...: terima kasih atas infonya...
boleh nih dicoba :)
salam blogger; Balas 16 Juli 2011 pukul 23.49
Boy mengatakan...: @ Rifqi : Sip :); Balas 17 Juli 2011 pukul 06.22
Beben Koben mengatakan...: nih favicon jadi game...
Prodigy of Head
Beben Koben si Bloglang anu ganteng kalem tea \m/; Balas 17 Juli 2011 pukul 06.44
allShare mengatakan...: Sudah Saya Coba Dan Berhasil diterap kan di blog saya :D; Balas 17 Juli 2011 pukul 08.02
Boy mengatakan...: @Bang ben:Aih thanks bang :D; Balas 17 Juli 2011 pukul 08.21
Boy mengatakan...: @ All : Oke :P; Balas 17 Juli 2011 pukul 08.22
ando subakti mengatakan...: wah mantep nih; Balas 17 Juli 2011 pukul 20.35
Boy mengatakan...: @ Ando : Hehe :P; Balas 17 Juli 2011 pukul 20.36