Cara Mengganti Icon/Gambar Address Bar Di Blog

Advertisement

Your Ads Here

Cara Mengganti Icon/Gambar Address Bar Di Blog - Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon kecil pada address bar (kotak untuk mengetikkan alamat web) . jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti dibawah ini :

-- ---

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu 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).

kalau belum bisa membuat gambarnya ikuti langkah-langkah berikut ini :

1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon

2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs

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

3. Klik pada tombol Browse...

4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon

5. Klik pada tombol Generate Favicon.

6. Setelah proses selesai, klik pada Click Here to Download your favicon atau Klick kanan gambar yang sudah jadi lalu Save image as....

7. Save ke komputer anda.

Setelah itu .....
masuk ke "Tata Letak --> Edit HTML" trus tempatkan script berikut sebelum kode

</head>

<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"/>

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

Contohnya kamu mengupload gambar kamu di photobucket dan juga di imageshack sebagai contoh kamu meng-upload di Album Picasa caranya seperti di bawah ini :

1. Login ke picasa dengan account google di http://picasaweb.google.com
2. Tekan tombol I accept.
3. 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.
4. Setelah anda menekan tombol I accept, silahkan dilanjutkan dengan klik tombol upload.
5. Isikan form title, date, dan seterusnya. jika selesai tekan tombol continue.
6. Tekan tombol browse dan arahkan pada file yang akan anda upload
7. Tekan tombol start upload untuk menguploadnya ke dalam server picasa
8. Setelah selesai, anda akan menjumpai tampilan thumbnail gambar tersebut. Klik gambar tersebut untuk melihatnya secara full
9. Klik kanan gambar tersebut dan pilih properties.
10. Anda akan mendapatkan URL gambar yang kurang lebih seperti ini http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (hanya contoh alamat gambar).
11. Kembali lah pada situs blogger.com dan masuklah pada tab layout * Edit HTML
12. Link gambar yang bertuliskan http://img98.imageshack.us/img98/9617/image3cr0.gif anda ganti dengan link yang baru yaitu http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (contoh alamat gambar).
13. 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://img145.imageshack.us/img145/7793/image14zg9.gif
 http://img412.imageshack.us/img412/4403/image15jc7.gif
 http://img264.imageshack.us/img264/7575/image16kn8.gif
 http://img509.imageshack.us/img509/6449/image6fu0.gif
 http://img507.imageshack.us/img507/5774/image8wn8.gif

Tolong dibaca

Cara ini mungkin tidak berhasil jika blog anda menggunakan template yang mendownload, oleh karena itu saya akan memberi tahu caranya lainya:

1. Tata Letak --> Edit HTML

2. Pencet Ctrl + F dan tulis shortcut icon

3. Sebelum tulisan shortcut icon akan ada alamat URL Icon Address Bar contohnya begini :

href='http://www.favicongenerator.com/favicon/553919_343962892345142_1006425417_n-20120812-favicon.ico'

4. Ganti tulisan berwarna biru menjadi URL Icon Address Bar yang sudah di upload
5. Lalu Save Template

Thanks . . .

Sekian kurang lebihnya mohon maaf, jika anda berkenan tolong follow blog ini, anda juga bisa request Software dan Tutorial ke saya dengan cara like dan comment di FP blog ini. Blog ini mengandung sistem dofollow, silahkan koment dan dapatkan backlink gratis. Baca juga artikel tentang Cara Membuat Burung Twitter Terbang di Blog, Download TuneUp 2012, Download Revo Uninstaller Pro 2.5.8 Full.

Advertisement

Your Ads Here