Mengganti Icon Blogger dengan Icon Sendiri

Thursday, May 02, 2013 3 comments

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 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...

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 P Blogger, Graphic Designer, Front End Web Developer

3 comments for "Mengganti Icon Blogger dengan Icon Sendiri"

Ian KenshinMay 02, 2013 9:45 PM
wew selain pake cara otomatis dari layout ternyata ada juga ya yang ginian..

artikel yang sangat membantu sob :)
nym_artopaphMay 03, 2013 9:08 AM
Wawwww, mirip kaya postingan di blog saya emang..
lpspMay 09, 2013 4:42 AM
wah boleh nih dicoba .. makasih sob infonya