Membuat Gambar Selalu Tampil Di Pojok Blog

Membuat Gambar Selalu Tampil Di Pojok Blog

hehehe bagi agan agan yang suka nangkringin photo di blog enggak ada salahnya anda coba trik kali ini.Membuat gambar selalu di pojok, mungkin trik ini udah banyak yang tahu tapi ini menurut saya ilmu ini tak akan saya lewatkan begitu saja. langsung aja praktekin  

  • Log In Dulu Ke Account Blog Anda

  • Pada Dasbor pilih rancangan kemudian Edit HTML

  • Kemudian cari kode ]]> ( untuk memudahkan pencarian tekan Ctrl + F pada keyboard)

  • Setelah ketemu masukkan kode dibawah ini dan letakkan diatas kode ]]>
#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);
}

  • Cari lagi kode seperti ini ( untuk memudahkan pencarian tekan Ctrl + F pada keyboard)

  • Setelah ketemu copy paste lagi kode di bawah ini tepat di bawah kode



  • Klik Simpan Selesai

NB :
Ganti bacround sesuai dengan keinginan anda dengan cara mengganti bacround warna hijau dengan Url gambar anda.

Untuk mengatur template posisi gambar anda bisa mengedit-nya lihat warna merah pada kode diatas

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 Semoga tutorial kali ini bermanfaat....