Cara Membuat Gambar Art Edit Foto Melayang Dipojok Blog

Cara Membuat gambar Art Edit Foto Melayang Di pojok Blog || Sebenernya apa sih yang akan dibahas tentang judul ini? Mungkin buat para pemula bertanya tanya tentang itu. Kelihatan gak jelas gitu ya, Ok Poro sedulur kali ini bedlimciti akan membahasnya satu persatu agar mudah dipahami. Intinya begini secara gamblangnya saja, judul diatas sebenarnya membahas Float Image bahasa kerennya, jika diartikan gambar ngambang. Tpi kelihatan tak jelas apa maksudnya. langsung saja ya simak berikut ini

Pengertian Float Image ( Gambar Melayang )

Float Image adalah sebuah gambar yang akan ada di blog anda (sekarang blom ada kan? klo udah ada ngapain baca postingan ini? btul tidak?), di mana si gambar ini akan tampak seperti ngambang karena jika kita scroll blog kita ke atas ke bawah maupun ke ujung dunia (gak bakalan bisa...sumpah...w udah nyoba) ntu gambar akan tetap pada posisinya.

Sudah Ngerti? Klo gak ngerti juga...gini ni pengertian kasarnya... Jika ntu gambar ente taruh (bukan 'taro' entar dikira makanan bocah) di bagian pojok bawah samping kiri (bahasanya repot amat...ni maksudnya pojok kiri bawah) layar anda (layar komputer ya..bukan layar kapal) trus anda scroll blog anda ke atas maupun ke bawah, maka tu gambar tetep akan berada pada posisinya...dia tetap akan muncul di pojok kiri bawah layar anda tanpa terpotong maupun teraniaya (apaan seeh?!). Hahahaha Langsung saja Caranya dan di Praktekan  Biar gx tambah Ribet Urusannya.

Cara Membuat Gambar Melayang Langkah-Langkahnya :

1.) Login ke blog sobat

2.) Pilih tata letak

3.) Klik edit HTML

4.) Cari kode ]]></b:skin>

5.) Letakkan kode di bawah ini diatasnya, hingga posisinya sebagai berikut:

#gambar {
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);
}

]]></b:skin>
 Perhatikan gambar yang dicetak tebal: bottom bisa sobat ganti dengan top sedang left bisa sobat ganti dengan right.

bottom= bawah
top = atas
left = kiri
right = kanan

6.) Kemudian cari kode </body>

7.) Letakkan kode dibawah ini diatasnya:

<div id="gambar">
<a href="http://bedlimciti.blogspot.com">
<img border="0" src="http://i761.photobucket.com/albums/xx252/darma_bucket/th_garudajpn.png"/></a>
</div>

Tulisan warna merah ganti dengan alamat blog sobat. Warna biru ganti dengan alamat gambar sobat, bisa berupa gambar apa saja. Untuk mencoba sobat boleh memakai alamat gambar diatas.

8.) klik simpan

9.) Lihat hasilnya

10.) selesai

Sekianlah Penjelasannya yang bisa bedlimciti sampaikan, semoga bermanfaat dan jangan lupa sering sering berkunjung di blog bedlimciti.