Skip to content Skip to sidebar Skip to footer

Mengganti Icon Blogger dengan Icon Sendiri

Desainew - Kita berjumpa lagi di blog yang sangat sederhana ini. Baiklah kita akan belajar bagaimana mengganti icon blogger atau blogspot dengan icon kita sendiri. Dan saya juga akan membongkar rahasia mengapa kalau membuka blog kita lewat hp, iconnya rata-rata tidak muncul dan bagaimana mengatasinya.  Berikut previewnya...

Desain icon blog sendiri dibuat di inkscape

Desain icon diatas dibuat di Inkscape dan di mockup di gimp.. Saya sarankan untuk membuat desain icon baik untuk blog, web, atau aplikasi lebih baik gunakan inkscape dan finishingnya di gimp..

Dalam membuat icon blog sendiri pastikan ukurannya 16px x 16px
Lalu save ke png, jpg, atau gif (terserah anda)...

Dan bila dipasang di blog hasilnya jadi seperti di bawah ini...

Tampilan icon blog atau blogspot di komputer

Untuk memasang icon di blogger atau blogspot bisa lewat "Tata Letak" ataupun lewat "Template" -  "Edit HTML".. Saya sarankan leawat edit HTML saja karena icon akan nampak di hp.. pastekan code di bawah ini antara code <head> dan </head>

<link href='url icon yang dihosting postimage atau situs lain' rel='icon' type='image/x-icon'/>

contoh...


<link href='http://s21.postimg.org/bpyrqf7j7/icon_desainew_01.png' rel='icon' type='image/x-icon'/>


Lalu simpan..

Dan buka blog anda di komputer atau hp...
Demikian dari postingan sederhana ini.. Semoga membantu dan bermanfaat...




Irfan Prastiyanto
Irfan Prastiyanto Logo/Graphic/Wordpress Designer

3 comments for "Mengganti Icon Blogger dengan Icon Sendiri"

  1. wew selain pake cara otomatis dari layout ternyata ada juga ya yang ginian..

    artikel yang sangat membantu sob :)

    ReplyDelete
  2. Wawwww, mirip kaya postingan di blog saya emang..

    ReplyDelete
  3. wah boleh nih dicoba .. makasih sob infonya

    ReplyDelete