MEMBUAT GAMBAR MELAYANG PADA BLOG

Membuat Gambar Melayang Untuk Blogger

Membuat gambar melayang atau floating image ini merupakan record posting saya, maksudnya ini adalah hasil pembelajaran saya yang saya sudah aplikasikan kemudian saya record di posting ini supaya tidak lupa. Masih bingung apa yang dimaksud dengan gambar melayang? anda bisa melihat di sisi kiri bawah blog usaha kecil saya ini. Anda sudah lihat ada gambar yang letaknya tidak berubag meskipun blog di scroll ke bawah atau keatas itu yang saya maksud floating image atau gambar melayang. teknik ini bisa di gunakn untuk menaruh apa saja termasuk iklan, welcome page atau bahkan foto anda. setelah kasak kusuk ama mbah google saya dapet tekniknya di blog tips blog ini, matur nuwun ya yang punya blog.

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.


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



3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>


<div id="trik_pojok">
<a href="http://linkblogkamu.com">
<img src="http://linkgambarkamu " border="0" /></a>
</div>



5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Blog anda akan semakin manis:) jangan lupa kunjungi posting daftar blog do follow untuk mencari backlink atau membuat sitemap agar blog anda semakin google friendly.

Tags: tutorial blogger , blog do follow , membuat sitemap blog


Pusat Komentar

About Author :

MEMBUAT GAMBAR MELAYANG PADA BLOG ditulis oleh seorang penggemar dan penghoby buku sekligus blogger.

20 comments:

  1. http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif dicoba yah boss

    BalasHapus
  2. dicoba ah di blog baruku...

    http://brunz-ras.blogspot.com/

    BalasHapus
  3. wew,tanks infonya... tak cobanya pada blog ane

    BalasHapus
  4. luar biasa buat saya sebagai pemula..
    thnx sob,,

    BalasHapus
  5. napa ya, kalau udh nyoba gt msti gambarnya ada di pojok bawah
    mksdnya g melayang

    BalasHapus
  6. wah tapi kalau dihidden bsa paga

    BalasHapus
  7. koq munculnya di belakang posting sob??alias nggak melayang........

    BalasHapus
  8. @dion coba terapkan di mode draft.blogger hasilnya akan terlihat seperti dibagian bawah blog ini

    BalasHapus
  9. Blogwalking http://djie-xtray.blogspot.com/

    BalasHapus
  10. berhasil gan, thank ya atas info nya...

    BalasHapus
  11. dapet akhirnya caranya.. makasih gan :)

    BalasHapus
  12. trims infonya gan......mampir and follow back gan..trims....salam kenal all

    BalasHapus

 
karyaku © 2013 GUSBUD. Powered by Blogger. penggabungan oleh dan chindia