Pada postingan blog tutorial kali ini, saya ingin berbagi tutorial bagaimana cara mengganti favicon address blogspot dengan logo atau gambar favorit Anda. Favicon address blogspot adalah sebuah icon kecil berlogo "B" dengan background berwarna orange yang berada pada pojok kiri address bar dan pojok kiri tab. Dengan mengganti favicon bawaan blogspot dengan icon yang telah Anda sediakan, maka blog Anda mempunyai ciri khas tersendiri dan terkesan profesional.
Sebelum mengganti favicon bawaan blogspot, terlebih dahulu Anda harus mempunyai favicon baru yang akan dipasang sebagai ganti favicon bawaan blogger. Bagi Anda yang mampu photoshop atau coreldraw mungkin mudah bagi Anda untuk membuat favicon sediri, tapi bagi Anda yang tidak menguasai desain grafis ,Anda bisa juga memakai icon-icon yang tersedia di internet dengan cara mencari di Google.
Setelah Anda mempunyai icon baru, uploadlah terlebih dahulu icon Anda tersebut pada hostingan gratis semisal atau , dan setelah proses upload selesai, maka copylah kode img-nya atau kode pada kotak "direct link for layout pages dan buka notepad lalu pastekan kode tersebut pada notepad.
Login ke blog Anda, klik menu "Rancangan" --> "Edit HTML" dan cari kode berikut dengan menekan ctrl + f dan copy pastekan kode berikut pada kotak pencarian :
<b:skin><![CDATA[/*
Lalu copy/pastekan code dibawah ini tepat diatas code <b:skin><![CDATA[/* yang tadi:
<link href='kode img dari icon Anda' rel='icon' type='image/gif'/>
Ganti teks warna merah dengan kode img icon Anda. Lalu klik tombol "Save Templates". Dan lihatlah blog Anda sekarang. Jika berhasil, maka favicon blogspot akan berganti dengan favicon pilihan Anda.
Selamat mencoba...
Semoga berguna dan bermamfaat...
Gunakan layanan 4shared generator (klik di sini ) untuk mempermudah mendonwload file dari 4shared tanpa perlu login.
Artikel Terkait:
Blog Tutorial
- Alternatif Expand Template Widget
- Cara Membuat Widget Random Article
- Membuat Sendiri Aplikasi Android Untuk Blog
- Membuat Form Kontak Admin
- Pasang Tombol Sharing Lintas.Me
- Membuat Sendiri Aplikasi Symbian Untuk Blog
- Membuat Email Dengan Domain Sendiri Gratis
- Cara Mengarahkan Gambar Google Ke Blog
- Membuat Judul Blog Bergerak Di Browser
- Membuat Anti Select Text Pada Postingan
- Mengatasi Tata Letak Blog Yang Tidak Teratur
- Widget Free Proxy
- Cara Pasang Slider Carousel Di Blog
- Menampilkan Widget Hanya Pada Halaman Postingan
- Pasang Widget Follower Box Twitter
- Widget Random Ayat Al-Qur'an Di Blog
- Membuat Footer 3 Kolom Di Blog
- Widget Random Kata-Kata Mutiara Islami
- Parse HTML Tool
- Cara Praktis Pasang Foto Di Hasil Pencarian Google
- Pasang Meta Tag Friendly SEO Super
- Buat Flash Banner Online
- Cara Pasang Widget Pop-Up Di Tengah Blog
- Cara Upload File Flash Ke Google Site
- Widget Cek Lokasi Dari No.Handphone
salam kenal mabro...hehe..
wah...siiip tenan bos infonya..caranya gak ribet, udah ku coba di blog ku eh ternyata berhasil...hehe...trims ya dah diajarin ....
senang dapat membantu Anda...
ijin sedot artikelnya ya bro
Mksih atas infonya mas... aku coba nih
siiip,keren bro...g pake sulit...jadi thanks yak!
@DPA: sama2 sis, senang dapat membantu :D
nice info gan
Terimakasih SOb,,,
Sukses Slalu......,
Tapi q Nda Pje Blogger LGIe NIch.....,
EnakkaN PKE jOOmlA .......,
BTUl CBA z LIAt.......,
thx mas bro info'a
jgn lupa mampir k blog ane
http://say2ocha.blogspot.com
Membuat Favicon Di Blogspot
nice sob, thank's
sudah sy praktekkan, maurnuwun
@Risqk semoga bermamfaat :)
ijin nyimak Om.
Blognya memang yg satu ini banyak bgt manfaatnya. Semoga Sukses Selalu Om.
@Baju Muslimah: thanks masbro. sering2 berkunjung y masbro, hehehe
Trima kasih gan info nya sangat membantu
kunjungi juga gan
http://orengkraksaan.blogspot.com/