Mungkin banyak diantara loe yg bingung "gimana sih caranya ngubah icon blog gw?". Dan gw berhasil mengubahny! Nah, mungkin post gw yg ini bisa ngebantu lo...
Pertama dari yg pertama, siapin gambar yg mo lo jadiin icon, boleh jpg, png, gif, terserah lo... Tapi bentukny harus bener2 square, g boleh kelebaran ato kepanjangan, soalny bakal jelek hasilny nanti...
Terus lo upload gambar lo ke salah satu image hosting, Photobucket bisa menjadi yg baik. Terus lo copy image URLny...
Terus lo paste URLny menurut code2 HTML berikut:
Buat JPG:<link href='URL gambar' rel='shortcut icon' type='image/jpg'/>
Buat PNG:<link href='URL gambar' rel='shortcut icon' type='image/png'/>
Buat GIF:<link href='URL gambar' rel='shortcut icon' type='image/gif'/>
Terus lo copy code yg dah ada URL gambarny, terus lo masuk ke dasbor blogger lo (login dulu ke blogger), klik "Entri Baru", klik "Tata Letak", klik "Edit HTML", nah, di situ bakal ada kode2 HTML yg kasat kusut dan lo gak ngerti apa maksudny (sama kayak gue yg mati ama HTML Code :hammer:), lo cari diantara kode2 tersebut (kalo susah, search aja pake ctrl+f...)
<head> <br /> <b:include data='blog' name='all-head-content'/> <br /> <title><data:blog.pageTitle/></title>
(abaikan tulisan
nah, lo paste kode HTML yg tadi dah lo masukin URL gambarny tepat dan langsung dibawahny,
Contoh:
kode HTML yg gw pake buat icon blog gw:
<link href='http://i740.photobucket.com/albums/xx43/TheEnky/ <br />favico-2.jpg' rel='shortcut icon' type='image/png'/>
(kedua kaliny, abaikan tulisan
kode itu gw taro tepat di bawahny:
<head> <br /> <b:include data='blog' name='all-head-content'/> <br /> <title><data:blog.pageTitle/></title> <br /> <link href='http://i740.photobucket.com/albums/xx43/TheEnky/ <br />favico-2.jpg' rel='shortcut icon' type='image/png'/>
(ketiga kaliny, abaikan tulisan
Setelah semua petunjuk di atas dah lo lakuin semua, langsung lo hantam "SIMPAN TEMPLATE"...!
Dan lihatlah, icon blog lo telah berubah sebagaimana lo inginkan...!
NB:
*ini tidak akan berlaku di browser IE (makany, update dong :D)
*kalo ga bisa, coba lo cari caranya dari situs yg lo ambil templatenya.. biasanya dikasih tau sendiri di situ..
sep? :D
0 comments:
Post a Comment