Selamat Datang....dan...Mudah-mudahan bermanfaat isi dari blog ini untuk sarana belajar dan berbagi

Minggu, 01 Juli 2012

Cara Mudah Mengganti Icon Blogger Blogspot



Bagi anda yang tidak puas dengan icon toolbar default blogger, saya akan memberikan cara termudah, anda cukup copy coding yang saya sediakan. Saya juga menyediakan banyak pilihan icon hurup dari a sampai z untuk anda gunakan. Mengapa saya menyediakan icon hurup? Jawabanya, supaya anda bisa mengganti icon blogger anda sesuai dengan inisial hurup pertama blog anda. Contohnya seperti anda lihat disebelah atas blog saya ini.

» KETERANGAN

Untuk mengganti icon toolbar blogger atau blogspot, pertama anda pilih Tata Letak - Edit HTML. Setelah terbuka, cari coding:

]]></b:skin>
</head>

Jika sudah ada, anda copy coding berikut:

<link href='http://lh3.ggpht.com/_cNeStzkFgY4/SdboGhgiiEI/AAAAAAAAAG0/2LabHfsg4zU/s128/e-animation.gif' rel='shortcut icon'/>

Copy coding diatas tepat diatas coding </head>

Contoh hasil penempatan coding yang benar maka akan seperti ini:

]]></b:skin>
<link href='http://lh3.ggpht.com/_cNeStzkFgY4/SdboGhgiiEI/AAAAAAAAAG0/2LabHfsg4zU/s128/e-animation.gif' rel='shortcut icon'/>
</head>

Setelah selesai jangan lupa klik tombol simpan, coba anda jalankan blog anda, jika anda tidak melakukan kesalahan icon default blogger akan diganti oleh icon baru pilihan anda yang tentunya sama persis seperti icon blog saya diatas ( icon dengan gambar hurup e ).

Untuk mengganti gambar icon sesuai dengan keinginan anda, perhatikan langkah berikut ini:

Dalam coding <link href='http://lh3.ggpht.com/_cNeStzkFgY4/SdboGhgiiEI/AAAAAAAAAG0/2LabHfsg4zU/s128/e-animation.gif' rel='shortcut icon'/> anda ganti 'alamat gambar' saja, bila 'alamat gambar' dalam coding diatas dihilangkan, maka coding akan tampak seperti dibawah ini:

<link href=' ' rel='shortcut icon'/> atau untuk memperjelas
<link href='alamat gambar' rel='shortcut icon'/>

Untuk mengganti 'alamat gambar' anda bisa memakai 'alamat gambar' dibawah ini:
  • A= http://lh4.ggpht.com/_cNeStzkFgY4/Sg1cKRG5nNI/AAAAAAAAAOo/GVYZhqAog9Q/elektro4net-icon-a.gif
  • B= http://lh6.ggpht.com/_cNeStzkFgY4/Sg1cKQU34GI/AAAAAAAAAOs/CK-D0Ptk6pU/elektro4net-icon-b.gif
  • C= http://lh4.ggpht.com/_cNeStzkFgY4/Sg1cKsSUELI/AAAAAAAAAOw/ZcmhaRQosQo/elektro4net-icon-c.gif
  • D= http://lh4.ggpht.com/_cNeStzkFgY4/Sg1cKttoVnI/AAAAAAAAAO0/p4diQeRvbHk/elektro4net-icon-d.gif
  • E= http://lh6.ggpht.com/_cNeStzkFgY4/Sg1cKt4e0yI/AAAAAAAAAO4/njDhfZBbcu4/elektro4net-icon-e.gif
  • F= http://lh3.ggpht.com/_cNeStzkFgY4/Sg1dNAst2KI/AAAAAAAAAO8/KaVb_kq0WU4/elektro4net-icon-f.gif
  • G= http://lh6.ggpht.com/_cNeStzkFgY4/Sg1dNM7AOLI/AAAAAAAAAPA/phFlJbpwGPY/elektro4net-icon-g.gif
  • H= http://lh4.ggpht.com/_cNeStzkFgY4/Sg1dNONK9AI/AAAAAAAAAPE/DkgDpATcCmM/elektro4net-icon-h.gif
  • I= http://lh5.ggpht.com/_cNeStzkFgY4/Sg1dNAufdZI/AAAAAAAAAPI/wdn2e9nxJGQ/elektro4net-icon-i.gif
  • J= http://lh3.ggpht.com/_cNeStzkFgY4/Sg1dNcVYBSI/AAAAAAAAAPM/L23edIk9yfU/elektro4net-icon-j.gif
  • K= http://lh4.ggpht.com/_cNeStzkFgY4/Sg1d7V8VQKI/AAAAAAAAAPQ/XL1qXVEWQD8/elektro4net-icon-k.gif
  • L= http://lh5.ggpht.com/_cNeStzkFgY4/Sg1d7fxqQ2I/AAAAAAAAAPU/_R78EYuB_MI/elektro4net-icon-l.gif
  • M= http://lh3.ggpht.com/_cNeStzkFgY4/Sg1d7bvAHZI/AAAAAAAAAPY/kerUsHCAQQs/elektro4net-icon-m.gif
  • N= http://lh3.ggpht.com/_cNeStzkFgY4/Sg1d7SY0qSI/AAAAAAAAAPc/soz5HgwmWGs/elektro4net-icon-n.gif
  • O= http://lh6.ggpht.com/_cNeStzkFgY4/Sg1d7TDH7rI/AAAAAAAAAPg/izDfe_4Lpf4/elektro4net-icon-o.gif
  • P= http://lh5.ggpht.com/_cNeStzkFgY4/Sg1exqilxbI/AAAAAAAAAPk/kEJiqnjV1h4/elektro4net-icon-p.gif
  • Q= http://lh3.ggpht.com/_cNeStzkFgY4/Sg1exhU_KJI/AAAAAAAAAPo/emIv2V9XuBk/elektro4net-icon-q.gif
  • R= http://lh5.ggpht.com/_cNeStzkFgY4/Sg1exl8Z7ZI/AAAAAAAAAPs/YgOYKHPkoeE/elektro4net-icon-r.gif
  • S= http://lh3.ggpht.com/_cNeStzkFgY4/Sg1exiPvnlI/AAAAAAAAAPw/X_39NbJubRQ/elektro4net-icon-s.gif
  • T= http://lh6.ggpht.com/_cNeStzkFgY4/Sg1extsWgKI/AAAAAAAAAP0/cZjsWCzIS-I/elektro4net-icon-t.gif
  • U= http://lh5.ggpht.com/_cNeStzkFgY4/Sg1ffk75hhI/AAAAAAAAAP4/CzUnLsQDnRA/elektro4net-icon-u.gif
  • V= http://lh6.ggpht.com/_cNeStzkFgY4/Sg1ffr2KYQI/AAAAAAAAAP8/o6wOy12d3c0/elektro4net-icon-v.gif
  • W= http://lh6.ggpht.com/_cNeStzkFgY4/Sg1ffsfWgSI/AAAAAAAAAQA/aZmR8HR_sus/elektro4net-icon-w.gif
  • X= http://lh5.ggpht.com/_cNeStzkFgY4/Sg1ffh-xmGI/AAAAAAAAAQE/awZEGlgOURo/elektro4net-icon-x.gif
  • Y= http://lh6.ggpht.com/_cNeStzkFgY4/Sg1ff-eBIeI/AAAAAAAAAQI/NILnIaphiR8/elektro4net-icon-y.gif
  • Z= http://lh5.ggpht.com/_cNeStzkFgY4/Sg1iaYI-ExI/AAAAAAAAAQM/jS6If3DKFhU/elektro4net-icon-z.gif
Misal anda akan memilih icon hurup A, anda copy alamat icon A selanjutnya paste pada <link href='alamat gambar' rel='shortcut icon'/> ganti 'alamat gambar' dengan alamat gambar pilihan anda, hati-hati tanda kutip jangan sampai hilang. Contoh yang benar akan seperti berikut:

<link href='http://lh4.ggpht.com/_cNeStzkFgY4/Sg1cKRG5nNI/AAAAAAAAAOo/GVYZhqAog9Q/elektro4net-icon-a.gif' rel='shortcut icon'/>

Kalau anda masih belum puas dengan icon tolbar yang saya berikan, anda bisa buat sendiri, simpan atau upload icon yang telah anda buat di picasaweb.google.co.id
Kalau belum daftar, anda daftar dulu atau signup dihalaman tersebut, agar anda bisa memanfaatkan penyimpanan foto di album picas google, dengan kapasitas penyimpannan 1000 Mb atau 1 Gb secara gratis.

Sekian bahasan tentang mengganti icon toolbar blogger, mudah-mudahan bermanfaat bagi anda semua.

Selamat mencoba, happy blogging...

0 komentar:

Posting Komentar