Ingin membuat gambar melayang-layang di pojok blog anda sobat, nih langsung ja aku kasih tutorialnya, simak baik-baik ya.
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode
"http://www.ldiitulungagung.web.id/" adalah link. ganti dengan link blog kamu.
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw9jZLdYTdkPiz-AO1lkoIcBRUgJIMnTMJ60EfsuokYZeQEDV0ZbTyB24tn3fc0lD7YnITWT8QEO7-ZigDu3RTGrK-PjI0qGj9BQoO6UY9MEbVu4MPjuF9X7cgk7ItHgw2qA46CBCONuNI//" adalh lokasi gambarmu. ganti dengan lokasi gambar yang kamu inginkan.
5. Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan, dan lihat hasil karya mu sobat, hehehe.. sekian dan terima kasih.
NB: ni aku kasih link-link gambar buat kalian :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw9jZLdYTdkPiz-AO1lkoIcBRUgJIMnTMJ60EfsuokYZeQEDV0ZbTyB24tn3fc0lD7YnITWT8QEO7-ZigDu3RTGrK-PjI0qGj9BQoO6UY9MEbVu4MPjuF9X7cgk7ItHgw2qA46CBCONuNI//
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPmhBpTAMNg-tiWERyLPSm0E65UKr5kNvvNdH6U4iOpuYqTD5kXwyYROtomHW98slZrj5k0e1JmpQK42ithEElDnLqiyzMOMWkLQbVegENOu_0b3WR8_K5bKPU7f8wVCz08R9HrlMVOqQj//
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPGLFndmU2T3OXaeGvlB-xRStg2AHjeMfYhW0qrDmAOeNScB94D_SsdM5mxvMwHdU59ms_ON_hJxbCmUxqvB8lKohC-kGzpbYBsNYynffu5ZgiVPM0nV2SrSeoppg3RIHALswpoTIxtth3//
Semoga bermanfaat :-p
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.
#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
3. Text yang dicetak tebal adalah posisinya, kalo ingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw9jZLdYTdkPiz-AO1lkoIcBRUgJIMnTMJ60EfsuokYZeQEDV0ZbTyB24tn3fc0lD7YnITWT8QEO7-ZigDu3RTGrK-PjI0qGj9BQoO6UY9MEbVu4MPjuF9X7cgk7ItHgw2qA46CBCONuNI//" adalh lokasi gambarmu. ganti dengan lokasi gambar yang kamu inginkan.
5. Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan, dan lihat hasil karya mu sobat, hehehe.. sekian dan terima kasih.
NB: ni aku kasih link-link gambar buat kalian :
Semoga bermanfaat :-p
{ 0 komentar... Views All / Send Comment! }
Post a Comment
Assalamualaikum, silahkan anda berkomentar, namun tetap jaga kesopanan anda :)