GAMBAR MELAYANG PADA BLOGER

Buat Mas Bro yang masih belum mengerti tentang gambar melayang pada blogspot, berikut postingan saya yang akan menjelaskan apa sih yang melayang itu...hahahah...ini saya COPAS dari SINI
silahkan Mas Bro coba Mudah-mudahan sih berhasil....kl ga berhasil ya berusaha Lah karena tanpa usaha anda tidak akan menemukan yang namanya KEBERHASILAN.....dari pada ngoceh melulu g ada artinya, Mas Bro Chekidot aza di bawah ini N try to your Blog....Good Luck.

Ok, buat sobat yang ingin mencoba tips ini, silahkan ikuti tutorial berikut ini, tapi sebelumnya back up dulu templatesobat agar jika terjadi kesalahan dan template blog sobat tidak rusak. Berikut step-step yang harus sobat lakukan :

1. Log ini ke akun 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. Eh iya pilih salah satu kode dari 4 pilihan posisi dibawah ini, jangan dicopy semuanya. Maksudnya misalnya anda memilih "posisi kiri atas", maka gambar melayang akan ada disebelah kiri atas layar;

Posisi kiri atas
#boedhye thejoe { 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); } #boedhye thejoe a img {border:0};

Posisi kanan atas
#boedhye thejoe { 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); } #boedhye thejoe a img {border:0}

Posisi kiri bawah
#boedhye thejoe { 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); } #boedhye thejoe a img {border:0}

Posisi kanan bawah
#boedhye thejoe { 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); } #boedhye thejoe a img {border:0}

5. Selanjutnya carilah kode </body>, kalau sudah ketemu maka letakkan kode dibawah ini tepat diatasnya;

<div id="boedhye thejoe">
<a href="http://kumputervsayam.blogspot.com/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9PythJn8dtYSeYysbnqbtOhm2S_GzWC2nFVh6CaXuM7eYJOEslpr9OAGfUoiGmrVLjymLExFsRl8_UuGWtBT9uNn08fQeAPN7UgczspbarBKnSFgfYAEl3LOyEb_h9nWO5P1r7sOH74E/s220/rizki+khaizir.jpg"/></a>
</div>

Kode diatas silahkan diedit dulu, warna merah ganti dengan alamat target halaman yang kamu inginkan, sedangkan warna biru adalah alamat gambar yang ingin dipasang.

Ingat! kode ini hanya berlaku untuk 1 posisi, jika sobat ingin memasang di banyak sisi menggunakan kode ini, silahkan sobat ganti ID dari setiap kode, misalnya sobat ingin memasang di sudut kanan atas, maka yang perlu sobat ganti adalah kode #boedhye thejoe dengan kode yang sobat inginkan, misalnya bisa saja sobat ganti dengan #boedhye thejoe_kanan_atas atau apa saja yang penting kode ID antara kedua kode sama.

Posted By:

Posted in: BLOGGER