Cara Membuat Icon Blog Sendiri (1)

Bosan dengan logo blogger? Kita bisa membuat sendiri logo tersebut dengan gambar yang kita suka. Nama logo tersebut adalah favicon atau favorite icon yakni icon yang muncul pada address bar. Sebelumnya siapkan gambar dengan format JPG, PNG, atau GIF dengan ukuran kira-kira 24x42 pixel sampai 32x32 pixel (untuk ukuran bebas tetapi ini dimaskud agar dalam proses membukanya cepat karena ukuran filenya relatif kecil).

• Masuk ke situs favicon.co.uk (dapat memilih ukuran 16x16, 32x32, 48x48, 64x64)
• Upload gambar >> pilih ukuran >> klik Generate Favicon >> Download Your Favicon Here
• Setelah gambar di download ubah ke dalam format JPG, PNG, atau GIF.

Setelah selesai membuat icon favicon/address bar langkah selanjutnya adalah menyimpan gambar di photobucket yang bertujuan untuk mengetahui alamat direct link / url dari logo yang akan kita gunakan.

langkah-langkahnya adalah:

• Masuk ke situs photobucket.com kemudian daftar (signup) agar gambar kita bisa di upload
• Setelah memiliki account photobucket, upload gambar dengan ukuran 25 x 25 pixel yang telah kita kompres sebelumnya.
• Save and continue to my album
• Klik Share >> Get Link Code >> Direct link for layout pages copy link dibawahnya.
• Gunakan code HTML tersebut untuk merubah icon Address Bar di Blog.

Untuk mengetahui Cara Merubah Icon Address Bar di Blog kamu, klik disini untuk Tutorialnya, sementara untuk contoh blognya bisa dilihat dibawah ini

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/1.jpg

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/2.jpg

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/3.png

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/4.jpg

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/5.png

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/6.jpg

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/7.jpg

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/8.jpg

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/9.png

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/10.png

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/12.png

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/13.png

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/14.png

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/15.png

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/16.png

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/17.png

http://i1096.photobucket.com/albums/g322/andreamoelya/Logo%20Blog/18.gif

Related Post:

Tutorial Blogspot

• Cara Membuat Tombol Alert Message di Blog
• Cara Memasang Statistik dengan Widgeo.Net di Blog
• Cara Daftar Blog ke Search Engine Google
• Cara Membuat Search Engine di Blog
• Cara Memasang Fasilitas Print di Blog
• Cara Memasang Save Page As PDF di Blog
• Cara Membuat IP Pengunjung Muncul di Blog
• Cara Membuat Judul Blog Bergerak
• Cara Membuat Daftar Isi di Blogspot
• Cara Menambah Widget Daftar Pengunjung Di Blog
• Cara Menambah Dan Menghapus Label Pada Postingan
• Cara Mengganti Tulisan Posting Baru, Posting Lama dan Home Dengan Icon
• Cara Mengatur Jumlah Post dan Label di Artikel Terkait
• Cara Membuat Artikel Terkait (Releated Post)
• Cara Membuat Artikel Terkait (Releated Post) Dengan Fungsi Scroll
• Cara Merubah Icon Address Bar di Blog (1)
• Cara Merubah Password Blogger
• Cara Memposting Code HTML di Blog
• Percantik Blog dengan Fodey
• Memasang Widget Jam di Blog
• Cara Membuat Label Cloud
• Template Blogspot
• Cara Mengganti Template Blog
• Memasang Widget Follow Me On Twitter