Cara Membuat Gambar Selalu Tampil di Pojok

Cara Membuat Gambar Selalu Tampil di Pojok. Buat teman-teman yang suka memajang foto anda 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. dahulu saya sudah cara menambahkan gambar sebelum judul posting dan cara mengatasi gambar kodok / image hack. nah sekarang gantian cara membuat gambar tampil di pojok. Untuk lebih lanjut langsung saja ke TKP.Untuk Demonya teman-teman dapat Klik Di Sini. Bagaiman Anda Tertarik?????

Pada Dasbor pilih rancangan kemudian Edit HTML

Kemudian cari kode ]]></b:skin> ( untuk memudahkan pencarian tekan Ctrl + F pada keyboard)

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

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

Setelah ketemu copy paste lagi kode di bawah ini tepat di bawah kode <body>

<div id='rdl_image'>
<img src='http://i608.photobucket.com/albums/tt164/Aussie_n_n/th_Kakashi.gif'/>
</div>

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;
selesai... mudah kan. selamat mencoba. :D

Cara Membuat Gambar Selalu Tampil di Pojok

No Responses to "Cara Membuat Gambar Selalu Tampil di Pojok"

Post a Comment