Cara Mengganti Ikon Pada Address Bar Blog

Jika anda mempunyai blog pada Blogger.Com tentunya tampilan default pada Address Bar Blogger atau yang disebut dengan favicon adalah seperti pada samping sebelah kiri ini. Nah kali ini asya akan membahas tentang Cara Mengganti Ikon Pada Address Bar Blog. Atau anda juga mau membaca artikel tantang Cara Submit Sitemap Blogspot.

Tetapi bagi anda yang ingin mengganti tampilan tulisan huruf B pada ikon address bar (kolom alamat pada tab & kolom alamat url untuk mengetikkan alamat situs) pada Blogger sangatlah mudah anda hanya akan menambahkan kode pada HTML template blog anda yang ingin diganti tampilan huruf B (ikon pada address bar blogger) tersebut.

Berikut Caranya :

Dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).

Jika anda susah untuk membuat ikon/icon pada address bar dibawah ini ada beberapa tool/peralatan yang dengan mudah untuk membuatnya.

http://www.favicongenerator.com atau
http://www.favicon.co.uk :
Anda dapat memilih ukuran favicon (16x16, 32x32, 48x48, 64x64) atau
http://favicon-generator.org
atau
http://www.favicon.cc :
Anda dapat membuat favicon sendiri sesuai kreasi Anda

Setelah anda selesai membuat icon favicon/address bar langkah langkah selanjutnya adalah menyimpan gambar yang sudah dibuat lalu kita upload pada hosting gambar yang biasa kita gunakan seperti photobucket, Imageshack, Album Web Picasa dll. nanti akan dibahas dibawah tutorial.

Setelah login pada blogger
kemudian masuk ke "Tata Letak --> Edit HTML"
Kemudian copy kode berikut dibawah ini :

<link href='http://img98.imageshack.us/img98/9617/image3cr0.gif' rel='SHORTCUT ICON'/>

atau bisa juga seperti kode dibawah ini :

<link rel="shortcut icon" href="http://img98.imageshack.us/img98/9617/image3cr0.gif"/>

Langkah selanjutnya adalah menaruh kode tersebut diatas sebelum/diatas kode :

</head>

Ganti huruf yang berwarna merah dengan lokasi gambar dimana kamu menyimpan gambar tersebut yang kita upload di tempat hosting gambar.

Langkah kemudian adalah menyimpannya dan selesai.

Panduan Hosting Gambar :

sebagai contoh kamu meng-upload di Album Picasa caranya seperti di bawah ini :

Login ke picasa dengan account google di http://picasaweb.google.com
Tekan tombol I accept.
Jika anda memiliki software picasa yang sudah terinstall pada PC, anda dapat meng-uploadnya dengan mudah. Tekan tombol launch picasa dan software pun akan berjalan. Namun pada kesempatan kali ini, kita gunakan cara tradisional yaitu meng-upload gambar melalui browser.
Setelah anda menekan tombol I accept, silahkan dilanjutkan dengan klik tombol upload.
Isikan form title, date, dan seterusnya. jika selesai tekan tombol continue.
Tekan tombol browse dan arahkan pada file yang akan anda upload
Tekan tombol start upload untuk menguploadnya ke dalam server picasa
Setelah selesai, anda akan menjumpai tampilan thumbnail gambar tersebut. Klik gambar tersebut untuk melihatnya secara full
Klik kanan gambar tersebut dan pilih properties.
Anda akan mendapatkan URL gambar yang kurang lebih seperti dibawah ini
http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (hanya contoh alamat gambar).
Kembali lah pada situs blogger.com dan masuklah pada tab layout * Edit HTML
Link gambar yang bertuliskan
http://img98.imageshack.us/img98/9617/image3cr0.gif
anda ganti dengan link yang baru yaitu seperti
http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (contoh alamat gambar).
Lakukan hal yang sama untuk gambar2 yang lain

atau kalau kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif

http://img110.imageshack.us/img110/6218/image2ie0.gif

http://img98.imageshack.us/img98/9617/image3cr0.gif

http://img134.imageshack.us/img134/633/image4hx4.gif

http://img412.imageshack.us/img412/3808/image11pc0.gif

http://img100.imageshack.us/img100/4658/image12du2.gif

http://img132.imageshack.us/img132/4733/image13lj1.gif

http://img145.imageshack.us/img145/7793/image14zg9.gif

http://img412.imageshack.us/img412/4403/image15jc7.gif

http://img264.imageshack.us/img264/7575/image16kn8.gif

http://img139.imageshack.us/img139/83/image5oa7.gif

http://img509.imageshack.us/img509/6449/image6fu0.gif

http://img507.imageshack.us/img507/5774/image8wn8.gif

http://img150.imageshack.us/img150/5784/image9qo1.gif

Note : Images by Mr. Kendhin Demikianlah artikel tentang Cara Mengganti Ikon Pada Address Bar Blog. Semoga artikel tentang Cara Mengganti Ikon Pada Address Bar Blog ini bermanfaat bagi anda.
Kembali ke Beranda Blog Trik Tips Tutorial
Wassalam..

Anda sedang membaca artikel tentang Cara Mengganti Ikon Pada Address Bar Blog dan anda bisa menemukan artikel Cara Mengganti Ikon Pada Address Bar Blog ini dengan url http://wawasanfadhitya.blogspot.com/2012/11/cara-mengganti-ikon-pada-address-bar.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Mengganti Ikon Pada Address Bar Blog ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Mengganti Ikon Pada Address Bar Blog sebagai sumbernya.

Share on :