Sunday, 10 June 2012

Cara Membuat / Mengganti Favicon / Site Icon Blog

Cara Membuat / Mengganti Favicon / Site Icon Blog~ Mungkin ini adalah postingan untuk 7 hari kedepan karena saya harus ujian . Favorit Icon atau yang disingkat Favicon adalah sebuah gambar kecil di address bar. Terletak disebelah kiri nama blog ataupun judul posting blog yang sedang kita buka. faviconbawaan blogspot biasanya dilambangkan dengan huruf B dalam kotak berwarna orange. Seorang 
blogger  mengganti faviconnya mungkin bisa jadi agar terlihat lebih indah, keren dan profesional,ckckckck. Lihat Gambar di Bawah.





Ada 2 cara untuk mengganti favicorn, cara pertama ialah secara default dan ini cukup mudah dilakukan sedangkan cara kedua ialah dengan membuat favicon secara online kemudian mengupload gambar favicon itu di hosting/tempat penyimpanan image online (misal di google code). Ayo kita simak sama-sama caranya.

Cara Pertama;

1. Buatlah dan Siapkan gambar yang akan dijadikan favicon, persegi bujur sangkar misalnya ukuran 32x32 pixel atau berapapun yang penting harus persegi.  
2. Masuk ke Rancangan > Tata Letak > Lihat ada kata Favicon di atas header, Klik Edit.

mengganti ikon blog
3. Cari gambar dengan klik Telusuri lalu klik simpan.
4. Favicon blog sobat sudah berubah. hehehe

Cara kedua;

1. Masuk ke genfavicon.com  atau ke www.favicon.cc 
2. Buat favicon di  situ. sebagai contoh saya akan membuat favicon di genfavicon.
3. Masukkan gambar baik lewat url gambar ataupun menguploadnya (disini saya menguploadnya) lalu Klik Upload image
4. Jika sudah diupload bisa Select Size untuk menentukan ukuran gambar. atau juga memotongnya/crop (crop & preview) sesuai tampilan yang kita inginkan.
5. Download favicon Image. Lalu upload ke hosting gambar, disini Saya menguploadnya ke google code.



6. Buka Rancangan > edit HTML > centang expand template, cari kode  <b:skin><![CDATA[. Lalu masukkan alamat url favicon blog yang telah di upload di hosting image tadi, tepat di atas kode  
<b:skin><![CDATA[.  diantara kode biru dibawah.
<link href=' masukkan alamat tempat hosting favicon ' rel='shotcut icon'/>
sebagai contoh lihat kode di bawah ini.
<link href='http://www.blogger.com/favicon-image.g?blogID=8216582633094183443' rel='shotcut icon'/> <b:skin><![CDATA[
pada kode berwarna merah diatas, adalah alamat gambar favicon blog ini.

7. Jika sudah klik pratinjau, lalu save template. Lihat perubahannya.

sekian info dari saya salam blogger
Diposkan oleh di
Label:

82 comments:

  1. pusat kosmetik3 July 2012 at 15:21

    www.tonickecantikan.com/

    ReplyDelete
  2. Unknown26 August 2012 at 13:26

    http://esarhpyra.blogspot.com/

    ReplyDelete
  3. wawan29 August 2012 at 12:13

    makasih mas bro... sangat membantu sekali......

    ReplyDelete
  4. Obat Kanker Serviks4 September 2012 at 14:45

    I am a frequent visitor in your blogs, this post is very interesting and easy to read .... I hope to visit again

    ReplyDelete
  5. Unknown4 September 2012 at 17:06

    thanks..
    http://pandaa07.blogspot.com/

    ReplyDelete
  6. cah jogja23 September 2012 at 19:12

    oke mas bro,, matur nuwun atas share ilmunya saya coba terapkan di blog saya

    ReplyDelete
  7. Sepeda Motor Bebek Injeksi Kencang dan Irit Jupiter Z11 October 2012 at 10:25

    makasih gan.. langsung ke TKP...

    ReplyDelete
  8. raja bokep6 October 2012 at 01:20

    saatnya ganti icon baru nie,,hehehe...

    ReplyDelete
  9. bocah tampan20 October 2012 at 21:42

    ijin share ya gan..ke blog gue...:D

    ReplyDelete
  10. Praz30 October 2012 at 13:28

    coba ah di cvsehatalami.blogspot.com

    ReplyDelete
  11. Okta Aditya8 November 2012 at 16:44

    ribet ! udah ganti aja langsung favicon nya, buat dulu gambar persegi.

    ReplyDelete
  12. Okta Aditya8 November 2012 at 16:45

    http://aditya-mumi.blogspot.com

    ReplyDelete
  13. Unknown10 November 2012 at 19:23

    Lieur...Mumet...!

    ReplyDelete
  14. Harga BlackBerry Terbaru15 November 2012 at 15:14

    Sip mantep nih tutor, langsung dicoba sob

    ReplyDelete
  15. DUNIA BOLA15 November 2012 at 15:17

    ikut mencoba ya bro

    ReplyDelete
  16. Cara Mudah15 November 2012 at 15:28

    Cara yang bagus gan,,, ijin COPAs

    ReplyDelete
  17. Modern Bathroom Designs15 November 2012 at 15:31

    nice share,,, visit my site

    ReplyDelete
  18. Unknown16 November 2012 at 15:50

    i like Site you..... thanks you

    http://animalyou.blogspot.com/

    ReplyDelete
  19. Jefry18 November 2012 at 07:19

    ternyata tidak sulit
    terima kasih aats langkah2nya

    ReplyDelete
  20. Spesifikasi dan Harga BlackBerry Onyx 230 November 2012 at 06:07

    mantef ,, joos, sob,, Nice share

    ReplyDelete
  21. Anonymous8 December 2012 at 09:28

    nice...th

    ReplyDelete
  22. ANAK SASAK9 December 2012 at 15:27

    Terimakasih gan...

    ReplyDelete
  23. koleksi my Picture15 December 2012 at 23:05

    ok thank ane coba

    ReplyDelete
  24. Aingindra.com – Informasi Harga BlackBerry dan Cara Membuat Blog21 December 2012 at 16:26

    dukung sih ya dukung ya

    ReplyDelete
  25. Unknown23 December 2012 at 21:40

    Kevintambunan.blogspot.com

    ReplyDelete
  26. unikgaul.com29 December 2012 at 19:58

    ok bos makasih banget infonya

    ReplyDelete
  27. Unknown2 January 2013 at 04:41

    http://rahmanokiblogeer.blogspot.com/

    ReplyDelete
  28. I am Julak3 January 2013 at 10:44

    ijin nyoba Gan. Salam kenal Super Gaptek

    ReplyDelete
  29. Cara Membuat Favicon5 January 2013 at 23:34

    Makasih juragan untuk tutorial cara membuat favicon diatas sangat berguna banget buat ane.

    ReplyDelete
  30. Unknown7 January 2013 at 07:42

    thank bro infonya. salam kenal dari belajar blogger

    ReplyDelete
  31. pusat obat herbal alami20 January 2013 at 21:48

    terima kasih sudah mengajarkan ilmu bagaimana cara megubah favico :D

    ReplyDelete
  32. sinopsis dan review film23 January 2013 at 11:12

    mantap artikelnya gan, mengganti favicon sangat penting untuk membuat blog lebih profesional....

    ReplyDelete
  33. pengobatan maag kronis13 February 2013 at 21:16

    sip.. makasih,.. yang saya sudah susses gan.. trims...

    ReplyDelete
  34. Obat Batuk Bronkitis13 February 2013 at 21:20

    ok, trims abi... bermanfaat sekali ilmunya..

    ReplyDelete
  35. Pengobatan Alternatif Demam Berdarah13 February 2013 at 21:21

    wes... hatur thakns u,, ok punya nich

    ReplyDelete
  36. pengobatan kanker payudara14 February 2013 at 22:16

    makasih banyak mas bro... trims

    ReplyDelete
  37. darah rendah14 February 2013 at 22:17

    makasih ya... membantu sekali infonya.. trims.

    ReplyDelete
  38. Unknown15 February 2013 at 06:54

    Trims gan di tunggu kunjungan baliknya...

    ReplyDelete
  39. elzan20 February 2013 at 09:17

    makasih tutorialnya gan

    ReplyDelete
  40. Anime_X_United11 March 2013 at 23:31

    mantap gan, kunjungan balik ya http://animexunited.blogspot.com/

    ReplyDelete
  41. Muklas Putra12 March 2013 at 21:02

    wahhhhhhh masih sobat saatnya ganti nich..bagi blog baru...sangat membantu..

    ReplyDelete
  42. Rendy15 March 2013 at 09:57

    hikaruhackers.blogspot.com

    ReplyDelete
  43. selai20 March 2013 at 17:01

    mantebs nih, jadi keliatan lebih menarik.

    ReplyDelete
  44. Mural27 March 2013 at 11:32

    Thanks gan tutorialnya sangat bermanfaat, bisa mendapat cantik blog saya

    ReplyDelete
  45. Blog Master Website27 March 2013 at 11:34

    Dapat ilmu baru nih, mantap dan semakin keren

    ReplyDelete
  46. ardi30 March 2013 at 07:14

    Mantap Dah Mastah.. lanjut terusssss

    ReplyDelete
  47. Kirito1 April 2013 at 12:33

    siip gan... ini cuma buat blogspot ya !! makasih tutorialnya !

    ReplyDelete
  48. aud2 April 2013 at 21:22

    thank's broo....

    ReplyDelete
  49. risda3 April 2013 at 04:49

    artikel ini sangat bermafaat bagi semua pengunjung, termasuk saya

    ReplyDelete
  50. intan3 April 2013 at 05:24

    ok gan, trimakasih untuk ilmunya

    ReplyDelete
  51. Mural4 April 2013 at 10:02

    Trima kasih bos ilmunya, keren tutorialnya

    ReplyDelete
  52. Blog Master Website4 April 2013 at 10:03

    Dapat ilmu baru nih, mantap gan jurusnya

    ReplyDelete
  53. Hacker Cantik5 April 2013 at 08:02

    Asikkk,.lagi cari2 ne info,.
    thx mas bro

    ReplyDelete
  54. Muklas Putra10 April 2013 at 09:47

    hemm Artikelnya sangat Bagus ne sobat .....comen Back ya sob ane tggu

    ReplyDelete
  55. Author20 April 2013 at 20:02

    info bermanfaat nih :D
    jangan lupa kunjungan balik nya ke
    bhiip.blogspot.com/2013/04/merubah-foto-menjadi-cartoon-dengan.html
    dan jangan lupa berikan komentar juga :D

    ReplyDelete
  56. juned junaedi23 April 2013 at 08:54

    ilmunya sangat bermanfaat sekali, thanks bro

    ReplyDelete
  57. hendi firmansyah23 April 2013 at 09:00

    ane coba ya bro

    ReplyDelete
  58. Herlina30 April 2013 at 13:31

    terimakasih informasinya saya akan coba

    ReplyDelete
  59. diki sulaeman30 April 2013 at 13:31

    thx atas informasinya...

    ReplyDelete
  60. jersey bola7 May 2013 at 04:34

    ini yang saya cari, terimakasih informasinya gan :)

    ReplyDelete
  61. toko sulap jogja16 May 2013 at 13:34

    ayo icon blog yang masih bawaan segera ganti dengan cara diatas

    ReplyDelete
  62. Mukhamad Ikhbar18 May 2013 at 22:45

    http://www.herbalarjawinangun.com

    ReplyDelete
  63. Jam Tangan27 May 2013 at 08:24

    mantap gan, terima kasih banyak ya infonya.

    ReplyDelete
  64. Misteri Dunia27 May 2013 at 08:25

    thanks ya gan saya coba dulu ya

    ReplyDelete
  65. Jersey Bola18 July 2013 at 08:45

    Sip mantep nih tutor, langsung dicoba sob

    ReplyDelete
  66. Vertical Blind23 July 2013 at 14:43

    Mantep dehh!

    ReplyDelete
  67. Armadhita Arief2 October 2013 at 18:30

    thanks gan, ane udah pasang favicon and berhasil

    ReplyDelete
  68. Toras cool7 January 2014 at 11:08

    gan sepertinya artikelnya dengan artikel saya memiliki kesamaan tentang Mengganti Favicon pada blog tapi artikel agan buat saya tetap ok

    ReplyDelete
  69. Unknown17 February 2014 at 17:25

    gan ane mau nanya boleh gk?

    ReplyDelete
  70. jam tangan original29 March 2014 at 21:18

    mantap gan, terima kasih banyak ya atas ilmunya.. :)

    ReplyDelete
  71. tv online indonesia1 April 2014 at 13:34

    mantap gan, sangat bermanfaat sekali, thanks !

    ReplyDelete
  72. nonton tv streaming online1 April 2014 at 13:34

    thanks ! sangat bermanfaat !!

    ReplyDelete
  73. Anonymous5 April 2014 at 15:55

    kerren brow ,,,, kunjungi blog saya ya,,, http://www.ilmufaat.blogspot.com

    ReplyDelete
  74. Anonymous17 May 2014 at 09:29

    thanks gan,, ane cuma perlu scriptnya..

    http://www.palingmenarik.com/

    ReplyDelete
  75. Mujtaba28 August 2014 at 18:18

    lebih mudah dan praktis cara yang pertama kayaknya gan.
    makasih gan udah share.

    ReplyDelete
  76. agung28 August 2014 at 18:28

    saya udah ganti favicon gan, dengan pake cara pertama. tapi belum muncul, cari2 info katanya butuh 1 harian ya agar muncul?

    ReplyDelete
  77. Unknown9 October 2014 at 11:55

    Thx Banget Bro Work Nih ^_^
    http://mv-alexander.blogspot.com/

    ReplyDelete
  78. Obat Tradisional Vitiligo4 April 2015 at 15:04

    Makasih sob untuk artikelnya :)

    ReplyDelete
  79. Anonymous23 June 2015 at 00:25

    Keren gan tks ya
    http://towertraveltiketing.blogspot.com/

    ReplyDelete
  80. Unknown4 July 2015 at 21:37

    Thanks ya atas infonya

    ReplyDelete
  81. Raditya9 July 2015 at 10:47

    makasih gan ane jadi seneng ngeblog dan desain blog

    ReplyDelete
  82. Agen Poker9 July 2016 at 03:37

    terima kasih admin blog ini,informasinya sangat berguna, Semoga sukses terus ya min :)

    ReplyDelete

Subscribe to: Post Comments (Atom)