Kretif Membuat Icon Blog Di navbar Kretif Membuat Icon Blog Di navbar | Blog Online Ganden

Selasa, September 06, 2011

Kretif Membuat Icon Blog Di navbar

Kretif Membuat Icon Blog Di navbar ini bukan seperti cara membuat kreatif gambar banner animasi yang canggih. Kretif Membuat Icon Blog Di navbar sama halnya dengan cara mengganti icon yang sempet saya tulis sebelumnya. Caranya sebenarnya mudah aja kok. Jika anda ahli atau professional dalam menggunakan Adobe Photoshop atau sejenisnya, anda bisa saja membuat gambar (gif, jpg, ico, dan lainnya) dengan ukuran kira-kira 24x42 pixel sampai 32x32 pixel. (Sebenarnya ukurannya bebas sih, tapi jika filenya kecil, maka proses membukanya bisa lebih cepat).

Tapi, bagi yang tidak "lihai" untuk membuatnya, jangan khawatir, kita cuma tinggal meng-upload gambar atau foto yang kita jadikan icon (untuk semua ukuran) di hosting/website gratis untuk membuat icon, kali ini kita coba memakai Favicon from Pics.

Langkah Pertama :

  • Kunjungi situs tersebut di sini.
  • Upload gambar atau foto yang ingin dijadikan icon.
    klikchoosedisini
  • Setelah selesai proses upload-nya, kita tinggal mendownloadnya. Kemudian di-extract lalu simpan di PC kita.
klikdownloadfaicon2

Langkah Kedua :

  • Gambar atau foto yang telah menjadi icon tersebut, silahkan di-upload kembali di hosting gratis, seperti Photobucket.com, atau Yahoo Geocities.
  • Ambil link hasil gambar yang telah di upload tadi. Biasanya formatnya seperti ini :

jhk http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif

sonictrik http://i290.photobucket.com/albums/ll256/angkatan2006/sonictrik.gif

  • Sekarang anda tinggal mengubah/membuat alamat URL favicon anda menjadi seperti ini. (Ganti link yang berwarna merah dengan alamat link icon atau gambar anda tadi)
<link href='http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif’ rel='shortcut icon' type='image/x-icon'/>

* Masuk ke Blogger dengan ID anda, kemudian klik Tata Letak, lalu pilih Edit HTML
tataletakjadioke * Cari kode <b:skin> atau biasanya bersatu menjadi kelihatan seperti ini :

<b:skin><![CDATA[/*

* Simpan kode URL favicon anda tadi persis di atas kode <b:skin>. Contoh :

<link href='http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif' rel='shortcut icon' type='image/x-icon'/>


<b:skin><![CDATA[/*

metakontenjadioke
  • Kemudian tekan SIMPAN TEMPLATE dan lihat hasilnya.

Title Post: Kretif Membuat Icon Blog Di navbar
Rating: 100% based on 92189 ratings. 5 user reviews.
Author: ganden

Terima kasih sudah berkunjung di blog Ganden Online, Jika ada kritik dan saran silahkan tinggalkan komentar

1 komentar:

Toko Blog on 17 September 2011 07.01 mengatakan...

mak nyosss.. gawe icon..p po meneh 7 icon.. gak kuat ger2

Loading....

Posting Komentar

Terima Kasih Kunjungan Anda.
Komentar Anda sangat Berarti Buat Saya. Jadi, silahkan anda berkomentar tentang artikel yang berkaitan postingan saya. "Jangan Nyepam atau numpang link untuk kepentingan sendiri tanpa seijin penghuni blog"

 

Blog Online Ganden Copyright © 2009 Modification Blog by Blogger Jepara

Mebel Jepara