Cara Mambuat Favicon di Blogspot

Favicon atau favorite icon merupakan simbol kecil yang muncul di browser. Letaknya di depan blog atau situs yang kita buka. Seperti blog saya ini, ada simbol kecil berupa bulatan hitam dengan tulisan HP. Itu yang dinamakan favicon. Saya juga tidak mengerti kenapa namanya begitu. Begitu banyak istilah di dunia blogging, yah namanya saja pemula yang masih harus banyak belajar, ya to..hehe..


Seperti yang ditunjukkan pada gambar diatas itulah favicon. Jika kita ingin membuat favicon tersebut, beberapa hal yang perlu kita persiapkan diantaranya :

  • Kita siapkan gambar atau simbol yang akan digunakan sebagai favicon nantinya. Dalam hal ini saya memilih gambar sebagai berikut :

  • Kemudian gambar tersebut kita upload ke www.favicogenerator.com untuk mendapatkan gambar icon. Kita ikuti langkahnya seperti ilustrasi berikut ini :


  • Klik pada browse kemudian kita masukkan gambar yang sudah kita siapkan tadi. Lalu klik "Generate Favicon!".
  • Kemudian klik "Click Here to Download Your Favicon!"
  • Simpan di komputer kita
  • Langkah selanjutnya adalah simbol favicon kita simpan di file hosting gambar untuk mendapatkan URL. Saya menyimpannya di sites.google.com. Seperti inilah alamat URL saya, http://sites.google.com/site/hitamputihlife/image/hitamputih3.png
  • Jika kita telah memperoleh alamat URL dari favicon tersebut, kita ubah URL nya manjadi seperti ini :

  • <link href='http://sites.google.com/site/hitamputihlife/image/hitamputih3.png' rel='shortcut icon' type='image/jpg' />

  • Persiapan kita selesai, selanjutnya kita login ke blog, pilih Tata Letak dan klik Edit HTML.
  • Kita cari kode </head>
  • Letakkan kode URL (langkah nomor 7) tadi diatas kode </head>
  • Pratinjau template kita, jika telah berhasil silahkan kita simpan.

Oya sobat, ada cara yang lebih sederhana yang saya pakai di blog saya ini :

  • Kita siapkan gambar dan upload di hosting penyimpanan gambar. Kode URL saya : http://sites.google.com/site/hitamputihlife/image/hitamputih3.png
  • Selanjutnya kita ubah alamat URL nya menjadi seperti ini :
    <link href='http://sites.google.com/site/hitamputihlife/image/hitamputih3.png' rel='shortcut icon' type='image/x-icon'/>

  • Letakkan kode tersebut dibawah kode <head>
  • Simpan template kita dan bisa kita lihat hasilnya

Catatan : Silahkan ganti alamat URL yang berwarna merah dengan alamat URL kita masing-masing.

Nah inilah arsip Tips Blog hari ini tentang cara membuat favicon di blogspot. Jika ada diantara sobat yang memiliki cara yang lebih sederhana bisa saling sharing disini. Trimakasih. Dan mohon masukannya.

Ikon ini merupakan link ke situs bookmark sosial
  • Facebook
  • Google
  • Twitter
  • Digg
  • Delicious
  • Furl
  • Reddit
  • StumbleUpon
  • Technorati

  • Informasi : Maaf sobat, pada beberapa artikel Tips Blog, terdapat instruksi Tata Letak. Instruksi tersebut saat ini berubah menjadi Rancangan. Hal ini karena adanya perubahan langsung dari blogger. Terimakasih atas pemaklumannya.

    Berikut Yang Berhubungan Dengan Artikel Diatas :



    Alhamdulillah telah ada 167 komentar dari sobat :

    1. Lely Prawesti said...

      ow..carany gtu yah...^^

    2. Yudi Kurniawan (a-One) said...

      wah hebat ni,, bisa mempercantik blog.. ukses sobat,,,,

    3. bonk AVA said...

      punyaku udah ada, hhaah

    4. HAPIA Mesir said...

      mantab mbak...wah suka coding juga ni mbak...??

    5. Islam Dan Sains said...

      iya saya juga sudah menggunakannya. terima kasih atas sharingnya ya.

    6. aktifis sandal jepit said...

      mantap,kebetulan lagi nyari juga sobat.....
      kalo di wordpress dah pernah praktek,tapi di wordpress malah belom pernah ki....

    7. Hendra Site @ hendra-site.com said...

      Nice inpoh banget nich, thx yach n salam kenal...:)

    8. Aryadevi said...

      salam mba, salam manis dan hangat

    9. hybrid Vehicle said...

      kasih tips juga dong untuk wordpress....

    10. Hanna Pertiwi said...

      @Aishi Lely : Trims kunjungannya mbak
      @Anak Jambi : Trimakasih juga sobat
      @bonk AVA : Hehe..iya mas banyak yg sudah ada
      @HAPIA MESIR &Islam dan Sains : Trimakasih mas udah berkunjung,hiihi..
      @aktifis sandal jepit : Klo WP saya belum bisa mas, masih belajar jg,hehe
      @Hendra : Trimakasih mas..
      @aryadevi : salam juga mas..
      @hybrid Vehicle : Wah..maaf banget mbak, klo WP belum pernah belajar, hehehe... Lagi tahap belajar WP skrg sobat

    11. darahbiroe said...

      wah makasih yaw tipz na
      thanks banget
      :D

    12. antok said...

      yupz
      makasih yaw
      triknya
      nnti saya coba
      :D

    13. Rizkyzone said...

      kalau blog q aq mesih menggunakan bawaan dari blogger dan aq masih seneng menggunakannya, bolehlah aq save dulu

    14. Bung Eko said...

      Pertanyaan saya, gimana caranya kita upload foto ke Google Sites? Selama ini saya kalo upload foto ke Photobucket atau Picasa yang juga punyanya Blogger. ^_^

    15. Eldo A Pradana said...

      sebenarnya ada alasan kenapa harus dipasang di </head>, sebenarnya blogger punya favicon default dan ada di code <b:include data='blog' name='all-head-content'/>. yang penting code favicon harus berada di bawah code ini soalnya untuk menimpa perintah sebelumnya. karena terkadang ada juga orang yang ingin meringkas tampilan kodenya sehngga tdk kelihatan kacau balau dan meletakkan kode favicon di tempat yang dia inginkan tapi malah favicon tadak mau muncul. cmiww ;)

    16. obat kolesterol said...

      mantap,kebetulan lagi nyari juga sobat.....

    17. obat wasir said...

      Nice inpoh banget nich, thx yach n salam kenal.

    18. obat sakit pinggang said...

      salam mba, salam manis dan hangat

    19. obat kanker said...

      kasih tips juga dong untuk wordpress....

    20. obat herbal kanker payudara said...

      yupz
      makasih yaw

    21. obat stroke said...

      thanks atas postingan yg bermanfaat

    22. obat darah tinggi said...

      Cinta sama seperti api unggun yang menyebarkan kehangatan. Api cinta ini perlu dijaga dengan sering-sering diberi tambahan kayu bakar agar dapat terus berkobar dan bahkan semakin besar.

    23. obat diabetes said...

      Cinta tidak menjamin kebahagiaan, tapi tidak ada kebahagiaan tanpa cinta.

    24. obat jerawat said...

      Jadilah orang yang Selalu..

      Bersabar saat tertekan ,
      Tersenyum disaat hati menangis ,
      Diam saat terhina ,

    25. obat keputihan said...

      Cinta sama seperti api unggun yang menyebarkan kehangatan. Api cinta ini perlu dijaga dengan sering-sering diberi tambahan kayu bakar agar dapat terus berkobar dan bahkan semakin besar.

    26. obat jerawat tradisional said...

      wah.. pas banget nih bu.. trims yah

    27. Obat tradisional asam urat said...

      artikelnya kebetulan saya sedang mencarinya.. trims banget yah...

    28. obat tradisional diabetes said...

      dahsyat banget gan.... inspirasinya keren

    29. obat tradisional keputihan said...

      keren bro blognya

    30. obat tradisional darah tinggi said...

      sukses selalu deh...

    31. obat ejakulasi dini said...

      pas banget sama kebutuhan saya

    32. obat tradisional asma said...

      mba....salam kenal

    33. obat maag tradisional said...

      sukses slalu..

    34. obat sakit kepala tradisional said...

      thanks atas postingan bermanfaat

    35. obat tradisional kolesterol said...

      moga makin luar biasa

    36. obat ambeien tradisional said...

      salam kenal...

    37. obat sakit pinggang said...

      sukses mba

    38. obat tradisional kanker payudara said...

      blognya sangat membantu saya

    39. obat tradisional stroke said...

      bagus bangat klo sudah diterapkan

    40. obat amandel said...

      salam kenal,,trims

    41. obat vertigo said...

      betul banget... sip deh

    42. obat herbal jantung said...

      bener bgt tuh

    43. obat tradisional gagal ginjal said...

      mari diterapkan

    44. obat hiv aids said...

      salam sejahtera.. sukses slalu... gbu

    45. obat alami batu ginjal said...

      wah bagus ne bisa buat lebih bagus blognya...

    46. obat tradisional tbc said...

      thx artikelnya gan..

    47. obat herbal kanker kelenjar getah bening said...

      mantep ne blognya..
      thx...

    48. obat jantung koroner said...

      keren bgt ne...

    49. obat herbal kanker prostat said...

      salam sukses ya gan
      terus berkarya....

    50. obat sakit kepala said...

      salam mba, salam manis dan hangat....

    51. obat kolesterol said...

      wah hebat ni,, bisa mempercantik blog.. sobat,,,

    52. obat herbal sakit kepala said...

      wah hebat ni,, bisa mempercantik blog.. sobat,,,

    53. obat herbal kolesterol said...

      wah hebat ni,, bisa mempercantik blog.. sobat,,,

    54. obat herbal kolesterol said...

      mantap,kebetulan lagi nyari juga sobat....

    55. obat herbal kanker said...

      kasih tips juga dong untuk wordpress...

    56. obat kanker payudara said...

      makasih bt infonya ya...

    57. obat sakit kepala said...

      ow..carany gtu yah...^^

    58. obat kolesterol said...

      makasih bt infonya ya...

    59. obat wasir said...

      wah bagus ne bisa buat lebih bagus blognya...


    60. obat kanker said...

      penting ni

    61. obat herbal kanker payudara said...

      bgus ne

    62. obat tbc said...

      ow..carany gtu yah...^^

    63. obat herbal kanker kelenjar getah bening said...

      gampang2 susah yah ternyata

    64. obat hepatitis said...

      asssiik.. dapat ilmu baru

    65. obat jantung koroner said...

      mantap,kebetulan lagi nyari juga sobat.....

    66. obat herbal kanker prostat said...

      kasih tips juga dong untuk wordpress....

    67. obat batu empedu said...

      mantap ne...

    68. obat herbal kanker darah said...

      jadi buatnya begitu ya....
      tx for sharing..

    69. obat herbal kanker hati said...

      tx ya postnya bermanfaat bgt ne...

    70. obat herbal kanker paru paru said...

      mantap,kebetulan lagi nyari juga
      kalo di wordpress dah pernah praktek..
      tx

    71. obat lupus said...

      semoga sukses terus ya di post post selanjutnya...
      salam blogger..

    72. obat herbal stroke said...

      wah ini cara membuat blog favicon ya gan...

    73. obat gagal ginjal said...

      baru tau nie

    74. obat herbal hiv aids said...

      hebat!

    75. obat herbal kista said...

      lumayan nie buat tambah pengetahuan saya gan.

    76. obat sinusitis alami said...

      sukses selalu deh buat kamu gan..thx ya.!

    77. obat miom said...

      ouw jadi begitu ya caranya...

    78. obat trigliserida said...

      mantap ne artikelnya...
      thx ya

    79. obat jantung bengkak said...

      makasih ya pagi pagi berkunjung dapat info yang menarik ne,....

    80. obat jantung bocor said...

      ijin dulu buat copas ya...
      siapa tau nanti berguna..

    81. obat flek paru paru said...

      thx ya bisa menambah wawasan saya ne di dunia blog...
      mantap....

    82. obat herbal ginjal said...

      ow..carany gtu yah...^^hihihihi.....baru tau.

    83. obat herbal batu ginjal said...

      kasih tips juga dong untuk wordpress...oke mbak???

    84. obat herbal tbc said...

      nice info bngt nie....

    85. obat kanker kelenjar getah bening said...

      salam kenal mbak???

    86. obat hepatitis b said...

      wah hebat bs mempercantik blog aku nie,yhx ya mbak..

    87. obat stroke said...

      wah cantik na

    88. obat herbal gagal ginjal said...

      menanti keajaiban

    89. obat hiv said...

      sayang km

    90. obat kista said...

      kau sllu yg terindh

    91. obat sinusitis said...

      kbr gembra buat and smu

    92. xamthone plus said...

      baru tau caranya ternyata begitu ya...

    93. Obat tradisional asam urat said...

      wah bisa jadi karakter khusus buat blognya ne mba...
      makasih ya...

    94. obat tradisional diabetes said...

      mantep ne dapat tambahan ilmu baru..

    95. obat tradisional keputihan said...

      kalau untuk web sama atau ga ya caranya???

    96. obat tradisional darah tinggi said...

      menarik sekali ne artikelnya..
      langsung mau dicoba ya...
      makasih..

    97. obat herbal jantung koroner said...

      oohh,,,begitu mbak caranya....

    98. obat kanker prostat said...

      jadi tau ni ^_^....

    99. obat herbal batu empedu said...

      mantabb,mantab,,,,bngt!!!,,

    100. obat herbal kanker darah said...

      tambah pengetahuan nie,,,,

    101. agen xamthone said...

      sangat berguna ni mbak hanna.

    102. obat tradisional asma said...

      wah makasih ya uda share infonya....
      menarik banget ne..

    103. obat tradisional kolesterol said...

      gambarnya itu kita sediain sendiri atau langsung ada di linknya yang mba kasih???

    104. obat ambeien tradisional said...

      jadi ngerti ne cara buat favicon..
      mkasih ya...

    105. obat tradisional kanker payudara said...

      tipsnya keren2 banget ne..
      makasih banyak ya mba...

    106. obat tradisional stroke said...

      abis disimak ternyata artikelnya menarik banget ne mba...
      langsung dipraktekin aja ah..
      makasih...

    107. obat ginjal said...

      ow..carany gtu yah...^^

    108. obat batu ginjal said...

      jadi ngerti ne cara buat favicon..
      mkasih ya...

    109. obat tbc said...

      gambarnya itu kita sediain sendiri atau langsung ada di linknya yang mba kasih???

    110. obat hepatitis said...

      oohh,,,begitu mbak caranya....

    111. obat jantung koroner said...

      wah makasih ya uda share infonya....
      menarik banget ne..

    112. obat tradisional gagal ginjal said...

      jadi begitu ya caranya..

    113. obat hiv aids said...

      kalau buat di worlpress bisa juga ya mba???

    114. obat tradisional kista said...

      it's a great article....

    115. obat sinusitis said...

      nambah wawasan ne mba....
      makasih ya..

    116. obat penyakit ginjal said...

      faviconnya bisa banyak ya mba macamnya????
      thx so much...

    117. obat herbal penurun kolesterol said...

      gpplah mbak,saya lbh pemula bru mao belajar.

    118. obat kanker hati said...

      tetep semangat donk mbak..

    119. obat herbal leukimia said...

      maju trs jgn pantang menyerah.

    120. obat herbal kanker paru paru said...

      jangan menyerah karna masih pemula ya mbak,aku blng sudah cukup baik bngt koq mao berbagi.

    121. obat herbal kanker prostat said...

      maju trs jgn pantang menyerah.

    122. obat herbal kanker kelenjar getah bening said...

      mantap ne.

    123. obat batu empedu said...

      maju trs jgn pantang menyerah.

    124. obat leukimia said...

      tetep semangat donk mbak..

    125. obat herbal kanker paru paru said...

      nambah wawasan ne mba....
      makasih ya..

    126. obat herbal kanker serviks said...

      tx for sharing..

    127. obat paru paru basah said...

      menanti keajaiban

    128. obat gondok said...

      mantep ne blognya..

    129. obat lupus said...

      sukses selalu deh buat kamu gan..thx ya.

    130. obat kanker serviks said...

      ooh gto ya mbak??

    131. obat herbal radang paru paru said...

      ohh itu cara membuat favicon ya??

    132. obat herbal gondok said...

      bermanfaat nie mbak.

    133. obat penyakit lupus said...

      sangat berguna.

    134. obat herbal miom said...

      oke,oke mbak.

    135. xamthone plus said...

      ow..carany gtu yah..

    136. obat asam urat said...

      wah hebat bs mempercantik blog aku nie,yhx ya mbak


    137. obat diabetes said...

      langsung mau dicoba ya..

    138. obat darah tinggi said...

      sangat berguna

    139. obat asma said...

      wah hebat bs mempercantik blog aku nie

    140. obat trigliserida tinggi said...

      bgt ya gan??

    141. obat herbal lemah jantung said...

      bgs ya asob..

    142. obat herbal jantung bengkak said...

      template yg bgs.

    143. obat herbal jantung bocor said...

      tampilan yg bgs.

    144. obat herbal flek paru paru said...

      keren sob.

    145. xamthone said...

      pemula bngt ie aku.

    146. obat herbal asam urat said...

      carany gtu yah...^^

    147. obat herbal diabetes said...

      bisa mempercantik blog aku nie..

    148. obat herbal darah tinggi said...

      pas banget nih bu...

    149. obat asma alami said...

      uukkhhh,,,oke bngt deh.

    150. karangan bunga gombong said...

      apa bisa download langsung dari hardisk tanpa membuat link url?

    151. Aussie said...

      mantap tutornya

    152. Agen Grosir Xamthone Plus said...

      Wahh ,, terima kasih atas cara nya :)

    153. Agen Grosir Xamthone Plus said...

      Terima kasih infonya :)

    154. rental ac said...

      saya sudah coba dan berhasil gan untuk blog saya. jadi tambah semangat nch ngeblog. thanks gan tipsnya.

    155. US News said...

      This is getting a bit more subjective, but I much prefer the Zune Marketplace. The interface is colorful, has more flair, and some cool features like Mixview' that let you quickly see related albums, songs, or other users related to what you're listening to. Clicking on one of those will center on that item, and another set of "neighbors" will come into view, allowing you to navigate around exploring by similar artists, songs, or users. Speaking of users, the Zune "Social" is also great fun, letting you find others with shared tastes and becoming friends with them. You then can listen to a playlist created based on an amalgamation of what all your friends are listening to, which is also enjoyable. Those concerned with privacy will be relieved to know you can prevent the public from seeing your personal listening habits if you so choose.

    156. Cara cepat cari rumah idaman said...

      fungsi itu sendiri untuk apasihh ??

    157. bandar bola said...

      thanks uda sharing gan

      Agen Bola
      Agen Poker
      Agen Sbobet
      Agen Judi Bola
      Bandar Bola
      Situs Taruhan Bola
      Website Taruhan
      Website Taruhan
      Agen Bola
      Agen Poker

    158. susu kambing said...

      thanks for sharing. drink milk for better life

    159. العاب باربي said...

      Great Article , thnak you verry mach

    160. unsgu said...

      semua telah tersaji specifications ktm rc390 dengan sempurna melalui website ini.. informasi yang akuarat tajam dan terpercaya.. thanks mas bro telah rela berbagi price ducati multistrada 1200 dengan kami. kawasaki ninja zx10r

    161. Obat Sipilis said...

      Good artikel

    162. Kutil Kelamin said...

      Nice infonya gan

    163. Watch movie free said...

      Wah aku baru tau nih thanks kak :D

    164. Obat kutil kelamin said...

      baru kali ini nih gan aku ngebaca artikel yang sangat bagus,ditgu ya yg artikel selanjutnya..!!

    165. Obat sipilis said...

      Nice post gan, sangat membantu

    166. jual rumah said...

      thanks untuk infonya

    167. jual tanah said...

      ok makasih ya infonya



    Bagaimana Menurut Sobat Mengenai Artikel : "Cara Mambuat Favicon di Blogspot" Di Atas?

    Merupakan anugerah tak terkira kepada sobat yang telah memberikan ulasan terhadap tulisan Hitam Putih Kehidupan disini.

    Blog ini menggunakan sistem DOFOLLOW sebagai apresiasi terhadap kunjungan sobat. MOHON MAAF, komentar yang bersentuhan dengan PORNOGRAFI, SARA, SPAM, dan IKLAN, akan kami DELETE...

    Dimohon juga jangan meletakkan link di halaman komentar, karena otomatis akan kami DELETE..