Buat anda yang suka memajang foto anda di blog enggak ada salahnya anda coba trik kali ini.
Contohnya bisa anda lihat di teman saya silahkan masuk untuk melihat contohnya klik disini
Mau menerapkannya di blog? Silahkan ikuti langkah berikut ini,
Pertama
buatlah gambar dengan ukuran 125x125 (ukuran gambar bisa anda sesuaikan dengan template anda) kalau gambar sudah siap kemudian upload lah gambar yang anda buat tersebut, pingin tau tempat hosting gambar gratis baca juga tempat hosting gambar gratis jika gambar sudah di ambil alamat url gambar anda, simpan dulu di notepad atau wordpad biarkan dulu sekarang kembali lagi ke blogger
>> Login di Blogger
>> Design/Rancangan
>> Edit Html
kemudian cari kode seperti ini : ]]</b:skin> kemudian kode di bawah ini tepat di atas kode ]]</b:skin>
#rdl_image{
position:fixed;
_position:absolute;
bottom:5px;
left:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight-this.clientHeihgt);
_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);
}
Kemudian cari lagi kode seperti ini <body> copy paste lagi kode di bawah ini tepat di bawah kode <body>
<div id='rdl_image'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPsxPIXevmZGxkkvFDzRG_ilU0CsdtNmnxetCVWedQbJhgCy-RdIiKl9HHgVSp5CEnPrLWmHtPbCgjWbTgQh7EEAkVrfFP6Z2AvxXviZ21FSrybZc5INUWZqA5K-dwpC8GxlWvbUeVkEA/'/>
</div>
Yang berwarna merah silahkan anda ganti dengan alamat/url gambar anda. Kemudian simpan template anda.
Untuk mengatur template posisi gambar anda bisa mengedit-nya, coba anda perhatikan yang berwarna biru di bawah ini
#rdl_image{
position:fixed;
_position:absolute;
bottom:5px;
left:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight-this.clientHeihgt);
_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);
}
nah yang berwarna biru itu adalah posisi gambar anda bisa menggantinya menjadi kanan bawah atau atas bawah.
Untuk pojok kanan atas kodenya seperti ini :
top:5px;
right:5px;
Untuk pojok kanan bawah :
bottom:5px;
right:5px;
Pojok kiri bawah :
bottom:5px;
left:5px;
Pojok kiri atas :
top:5px;
left:5px;
Selamat mencoba n semoga bermanfaat...
Jika merasa Artikel ini bermanfaat,
bagikan artikel ini ke teman Anda lewat tombol di bawah ini »
Mungkin Mau Baca Lagi Yang Ini :
Comments :
0 komentar ke “Gambar Selalu Tampil Di Pojok Template Walupun Di Scroll”
Apa Pendapat Anda ?...
Berikan komentar anda untuk membantu saya memperbaiki blog ini