Pada tampilan browser address bar Blog berbentuk "B" yang merupakan bawaan dari Blogspot, Apabila tampilan Blog anda masih seperti itu anda bisa merubahnya sesuai icon yang anda pilih.
Jika tertarik ingin merubah icon address bar dengan gambar yang Anda inginkan, seperti contohnya pada favicon Blog andiselebes, berikut langkah-langkah Cara Mengganti Favicon atau Icon Address Bar pada Blogspot, sebagai berikut:
- Buat gambar dengan ukuran 16x16 pixel atau 32x32 pixel atau sesuai selera Anda yang penting tidak terlalu besar.
- Silakan buat icon-nya disini http://www.favicongenerator.com/ atau disini http://www.prodraw.net/
- Langkah selanjutnya Setelah Anda selesai download icon tersebut, kemudian Anda upload icon tersebut, misalnya ke http://imageshack.us, http://photobucket.com atau yang lainnya, namun jangan lupa setelah proses upload selesai, copy paste Link/URL-nya.
- kemudian Login ke Blogspot Anda, pilih Rancangan/Layout, lalu klik Edit HTML dan jangan lupa beri tanda centang pada kotak Expand Widget Template
- Cari kode seperti ini ]]></b:skin> , lalu letakkan kode di bawah ini berada di bawah kode ]]></b:skin> , seperti ini:
]]></b:skin>
<link href=' http://i1107.photobucket.com/albums/h382/selebes76/favicon1.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Ganti URL yang berwarna Merah dengan URL gambar Anda.<link href=' http://i1107.photobucket.com/albums/h382/selebes76/favicon1.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
- Terakhir Save/Simpan Template, dan lihat hasilnya
Selamat mencoba...
Artikel Terkait:
Tips dan Trick Blog
- Cara Agar Blog Cepat Terindeks di Search Engine Google
- Cara Pasang Kurs Asing di Blog
- Cara Memasang Encode/Decode HTML Entities di Posting Blog
- HTML Encoder
- Cara Membuat Sudut Melengkung Pada Border Blog
- Cara Membuat Forum di Blog
- Cara Memasang Breadcrumb di Blog
- Cara Menghapus Blog yang Kita Ikuti (Follow)
- Cara Membuat Readmore di Posting Blog berkedip
- Cara Membuat Artikel Terkait (Related Post) dengan Menu Scroll
- Cara Membuat Navigasi Blog Bernomor/Paging
- Cara Membuat Label Cloud di Blog
- Cara Tampilan Judul Posting Saja Pada Label dan Arsip Blog
- Cara Membuat Thumbnail Website/Blog Sederhana
- Cara Optimasi Seo pada Gambar
- Cara membuat tampilan Posting menjadi Kotak Terpisah
- Cara menampilkan Post Blog di Facebook dengan Mirror Blog
- Cara Membuat Link Posting Untuk Membuka Halaman Tab Baru (New Tab)
- Cara Membuat Readmore Plus Judul Artikelnya
- Cara membuat Readmore (Baca Selanjutnya)
- Cara Membuat Teks Berkedip dengan CSS
- Cara Pasang Highlight Pada Kode Script di posting
- Cara Membuat Navbar Menjadi Transparan di Blog
- Cara Membuat Navbar Auto Hide di Blog
Komentar :
Posting Komentar