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:

19 komentar:

  1. ass.wr.wb.

    kak,
    udah gw coba kok gk bisa???

    BalasHapus
  2. nice blog :)
    http://destarifky007.blogspot.com

    BalasHapus
  3. Keren..
    bener-bener ngebantu buat newbie kayak gue..
    thx infonya yah gan...

    BalasHapus
  4. mantep dah ..
    kunjungi juga blog saya
    http://ilmu-beginner.blogspot.com/

    BalasHapus
  5. hatur thanks you Gan

    BalasHapus

Tinggalkan pesan untuk memberikan saran dan kritiknya. Terimakasih

Like