Subscribe:

Sabtu, 02 Juli 2011

Cara Memasukan SHORTCUT ICON di Blog

saat sobat melakukan browsing di internet , terkadang saat mengisi addres bar 
(tempat untuk memasukkan alamat) di sebelah kiri ada sebuah gambar kecil yang menjadi 
logo sebuah situs web tersebut misal nya kita lihat contoh pada www.google.com 
pada adress bar situs google terdapat logo kecil yang menendakan itu sebagai situs google
coba lihat di bawah ini
 
 
 
jika sobat blogger ingin belajar cara mengganti logo/ icon address tersebut sebenarnya 
cara nya cukup mudah . yang pertama sobat blogger lakukan adalah menyiapkan file 
gambar dengan format (bmp, gif, jpg, ico, png ) . biasaa nya untuk membuat file 
tersebut lebih ringan di halaman web bisa menggunakan yang mempunyai format PNG 
(Portable Network Grapic) . jika lum ada yang berformat PNG sobat blogger dapat 
menggunakan converter image . Ukuran untuk gambar yang akan di pakai sekitar 24x24pixel 
atau paling tidak 32x32pixil , jka terlalu besar maka gambar tidak akan terlihat sepenuh nya
sobat dapat merubah ukuran gambar tersebut dengan menggunakan software seperti photoshop atau
photoscape , atau software image/photo editing yang sobat blogger kuasai
selanjut nya silahkan sobat blooger upload image tersebut di salah satu image hosting
jika belum tahu sobat blogger bisa menggunakan :
 
www.tinypic.com
www.photobucket.com
www.imageshack.com
 
setelah sobat blogger berhasil mengupload image tersebut maka sobat blogger akan mendapatkan
alamat link gambar tersebut / kode HTML dari image yang tadi sobat blogger upload
 
lihat contoh di bawah ini , saya mengupload di www.tinypic.com , alamat tersebut adalah alamat 
image yang telah tadi kita upload 
 
http://i56.tinypic.com/2ev6x54.png 
 
setelah kita mendapatkan alamat image yang akan kita pakai untuk icon adress bar ikuti langkah di bawah ini

cara memasang logo/icon adress bar :
  1. Login ke blogger buka account anda (jangan pakai ID orang lain )
  2. Klik  Tata Letak -> Edit HTML.
  3. Jangan lupa beri tanda Centang pada Expand Template Widget. 
  4. Cari kode <head>
  5. masukkan code di bawah ini di bawah  kode <head>
<link href='Masukan Url Icon' rel='SHORTCUT ICON'/>
     6. Ganti kode yang berwarna merah dengan kode link image yang sudah kawan dapatkan sebelumnya.
     7.  Simpan Template..

Catatan: jika dalam web/ blog sobat blogger sebelum nya telah terdapat code untuk memasukkan icon tersebut , sobat blogger bisa cari di atas kode </head> setelah ketemu bisa di edit untuk di tambahkan link image tadi..
Selamat Mencoba,,,, Jangan Lupa Ucapkan ALLHAMDULLIALAH..

0 komentar:

Mohon Berkomentarlah dengan Baik dan Sopan
Maaf, jika ingin menyertakan url mohon di LINK saja ya (NO http://) atau komentar hanya sekedar promosi akan di hapus. Thank's ^_^

Posting Komentar