Entah kenapa koq judulnya aneh..Halah, ga penting. Maksudku adalah bagaimana cara menambah gambar pikachu seperti yang ada di blogku ini. Ga cuma gambar sih, bisa kamu tambah banner, jam, atau yang lainnya, tapi aku belum tau caranya..hehe.^_^
Konsekuensi menambah gambar seperti ini adalah blogmu akan semakin berat loadingnya tergantung besarnya gambar yang kamu tambahkan. Usahakan cari gambar yang size-nya dibawah 10 KB. Untuk gambar bergerak, cari yang format .gif. Cukup ah basa basinya, langsung ke tutorialnya. Sebenarnya aku liat dari blog ini. Let's BEGIN...
Cara menambahkan gambar :
a. sign in ke blogger.
b. klik tab layout.
c. pilih edit html.
d. JANGAN beri tanda centang pada expand widget template, kalo dicentang akan muncul kode2 aneh.
e. cari kode berikut : ]]>
f. tempatkan kode berikut di atas kode tersebut :
#tambah_gambar {
position:fixed;_position:absolute;top:250px; left:10px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
posisi gambarnya bisa kamu ganti dengan mengganti kata top dengan bottom untuk di bawah dan left dengan right untuk di kanan. Jaraknya juga bisa, dengan cara mengganti nilai px..
top:250px berarti image berada di atas dengan jarak 250 pixel dari atas.
kamu bisa mengganti link blognya dengan link blog kamu dan link imagenya dengan link image kamu (harus di-upload dulu lho, bisa ke photobucket, imageshack atau yang lain) atau url image yang kamu sukai.
Oh, ya, klo mau tambah gambar, kamu tinggal copy paste kode tadi, tapi kode #tambah_gambar diganti dengan yang lain seperti #tambah_gambar2 dan kode div id="tambah_gambar" juga diganti dengan nama yang sama, contoh div id="tambah_gambar2". Ingat, ga boleh beda.
Gimana, udah bisa belom ?? jangan lupa untuk isi comment ya. Biar cepet terkenal. ^_^
OK, semoga berguna.
Konsekuensi menambah gambar seperti ini adalah blogmu akan semakin berat loadingnya tergantung besarnya gambar yang kamu tambahkan. Usahakan cari gambar yang size-nya dibawah 10 KB. Untuk gambar bergerak, cari yang format .gif. Cukup ah basa basinya, langsung ke tutorialnya. Sebenarnya aku liat dari blog ini. Let's BEGIN...
Cara menambahkan gambar :
a. sign in ke blogger.
b. klik tab layout.
c. pilih edit html.
d. JANGAN beri tanda centang pada expand widget template, kalo dicentang akan muncul kode2 aneh.
e. cari kode berikut : ]]>
f. tempatkan kode berikut di atas kode tersebut :
#tambah_gambar {
position:fixed;_position:absolute;top:250px; left:10px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
posisi gambarnya bisa kamu ganti dengan mengganti kata top dengan bottom untuk di bawah dan left dengan right untuk di kanan. Jaraknya juga bisa, dengan cara mengganti nilai px..
top:250px berarti image berada di atas dengan jarak 250 pixel dari atas.
g. lalu cari kode berikut : /body
h. tempatkan kode berikut di atas kode tersebut :
kamu bisa mengganti link blognya dengan link blog kamu dan link imagenya dengan link image kamu (harus di-upload dulu lho, bisa ke photobucket, imageshack atau yang lain) atau url image yang kamu sukai.
i. kalo udah, klik preview dulu buat lihat hasilnya.
j. kalo gagal, bisa di clear edit.
j. kalo udah bagus, baru klik save template.
k. selesai.^_^
Oh, ya, klo mau tambah gambar, kamu tinggal copy paste kode tadi, tapi kode #tambah_gambar diganti dengan yang lain seperti #tambah_gambar2 dan kode div id="tambah_gambar" juga diganti dengan nama yang sama, contoh div id="tambah_gambar2". Ingat, ga boleh beda.
Gimana, udah bisa belom ?? jangan lupa untuk isi comment ya. Biar cepet terkenal. ^_^
OK, semoga berguna.
ntr klo gagal,,tolongi ya yudo,,^^