Buat Gambar Melayang Pada Blog

Haloo Sobat !....
Kali Ini Saya Akan Posting Bagaimana Cara Buat Gambar Melayang Pada Blog..
Mungkin Sobat Semua Sudah Pada Tahu Dan Sudah Bisa Membuatnya,Tapi Tidak Salahnya Saya Share disini,,,Dari Pada Saya Ga Posting, Mendingan Saya Posting Cara Buat Gambar Melayang Pada Blog...
Baiklah, Bagi Sobat Yang Tertarik Mari Ikuti Langkah Dibawah Ini :

1.Login Ke Blogger Sobat

2. Pilih menu Rancangan » Edit HTML;
3. Beri tanda centang pada tulisan Expand Template Widget;

4. Carilah kode ]]></b:skin>. setelah jumpa, sisipkan kode berikut ini tepat diatasnya.

Gambar Posisi Kiri Atas :

#Gambar_melayangkiriatas { top:10px;  left:10px;  position:fixed;  _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);  _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #Gambar_melayangkiriatas a img {border:0};

Gambar Posisi Kiri Bawah :

#Gambar_melayangkiribawah { bottom:10px; left:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #Gambar_melayangkiribawah a img {border:0}

Gambar Posisi Kanan Atas :

#Gambar_melayangkananatas { top:10px; right:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #Gambar_melayangkananatas a img {border:0}

Gambar Posisi Kanan Bawah :

#Gambar_melayangkananbawah { bottom:10px; right:10px; position:fixed; _position:absolute; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); } #Gambar_melayangkananbawah a img {border:0}

4. Selanjutnya carilah kode </body>, letakkan kode dibawah ini tepat diatasnya;

<div id="Gambar_melayang">
<a href="http://www.ediebule.com/" target="_blank">
<img src="http://i1198.photobucket.com/albums/aa446/DPT13/logoTBkcl.jpg"/></a>
</div>

KET : Selanjutnya Ganti Yang Berwarna Merah Link Target, Biru Gambar Kamu,
Ungu Untuk Letak Posisi Gambar Yg Kamu Inginkan


5. Klik Save, sebelum Di Save Di Pratinjau Dahulu.
Mungkin Ini Saja Yang Bisa Saya Share,,Semoga Bermanfaat Bagi Sobat Semua...

Buat Gambar Melayang Pada Blog 9out of 10 based on 10 ratings. 9 user reviews.