Learn everything from EXPERIENCE

selamat datang di blog saya, mohon tinggalkan kritik dan saran

Mengubah tampilan favicon

Tips lainnya dalam mempercantik tampilan blog agan agan sekalian. Pada saat pertama kali membuat blog, sudah pasti tampilan url agan akan terlihat seperti ini,





Tentunya akan terlihat kurang menarik bukan? Coba agan bandingkan dengan contoh berikut.



Tentunya akan terlihat lebih menarik bukan? Berikut adalah langkah - langkah untuk mengubah tampilan favicon menjadi seperticontoh di atas.


  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
  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.
  7. Save ke komputer anda.
  8. Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gamabar, contoh adalah keRipway! Geocities. ,dlll
  9. Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini :

    http://www.rw-designer.com/icon-view/336.png
  10. Anda harus mengubah alamat URL favicon anda menjadi seperti ini :

    <link rel="shortcut icon" href="http://www.rw-designer.com/icon-view/336.png"/>

  11. Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.
  12. Klik pada Tata Letak.
  13. Klik Edit HTML.
  14. Silahkan cari kode </head> (posisinya hampir paling atas, jadi jangan jauh-jauh nyari ke bawah dhenk).
  15. Simpan kode favicon yang tadi persis di atas kode </head> . Contoh :


  16. <link rel="shortcut icon" href="http://www.rw-designer.com/icon-view/336.png"/>
  17. Klik tombol Simpan Template.
  18. Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.




NB: Bagi anda yang masih menggunakan browser IE6, favicon anda tidak akan langsung terlihat, coba di bookmark dulu alamatnya. Berbeda jika anda menggunakan browser firefox, opera dan yang lainnya, favicon anda sudah langsung dapat di nikmati. 


0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Buy Printable Coupons