Home » » Membuat Gambar Melayang di Pojok (lebih dari satu)

Membuat Gambar Melayang di Pojok (lebih dari satu)

Hy...friends,
kali ini saya berbagi tips membuat gambar melayang dipojok,melanjutkan tips Membuat Gambar Hidup Di Pojok Halaman Blog
mungkin tips tersebut membuat gambar dipojok halaman blog kita hanya satu gambar.
nah tips kali ini gamabar tersebut akan lebih dari satu...
nah berikut ini langka- langkah nya:
1. Masuk ke Edit HTML
2. lalu klik expand widget template......(bila di perlukan...backup dulu templatenya)
3. Cari Kode seperti ini ]]></b:skin>
lalu pastekan kode di bawah ini tepat di atas kode tadi :

#gambar_pojokan {
position:fixed;_position:absolute;bottom:0px; left:0px; (gambar kiri bawah)
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#gambar_pojokan1 {
position:fixed;_position:absolute;bottom:0px; right:0px; (gambar kanan bawah)
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#gambar_pojokan2 {
position:fixed;_position:absolute;top:0px; left:0px; (gambar kiri atas)
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

4.lalu cari kode </body> pastekan kode berikut di atas kode tersebut :

<div id="gambar_pojokan">
<a href="url blog kamu/">
<img src="url gambar 1" border="0" /></a> (kiri bawah)
</div>
<div id="gambar_pojokan1">
<a href="url blog kamu/">
<img src="url gambar 2" border="0" /></a> (kanan bawah)
</div>
<div id="gambar_pojokan2">
<a href="url blog kamu/">
<img src="url gambar 3" border="0" /></a> (kiri atas)
</div>

5.lalu klik pratinjau atau langsung saved bila udah yakin.......................nah.....utak atik sendiri ya...
nah edit lali dipikir logikanya di mulai dari gambar_pojokan,gambar_pojokan1,gambar_pojokan2,dst................terus kalau pengen 3 gambar di satu sudut yang sama...ubah setingan letak baik top/bottom,left/right,jarak antara gambar dengan sisi window,serta ubah absolute menjadi relative maksudnya,biar gambarnya ga saling tindes
sumber :http://www.secretoftrifle.co.cc/




Artikel Terkait:

12 komentar:

  1. anda mengatakan blog boleh di baca tapi jangan di maki...sedangkan anda sendiri memancing orang untuk memaki anda...karena tutorial saya yang anda salin tanpa link juga anda publikasikan di sini.....

    BalasHapus
  2. mf sebelumnya buat k' aditya tips anda saya copas....
    terima kasih ats pemberitahuan k'aditya...supaya saya lebih sadar...mohon pencerahannya untuk blogger pemula ini

    BalasHapus
  3. wah...artikel yang bagus kawan..menambah ilmu...thanks...

    BalasHapus
  4. terima kasih k' atas tipsX


    nitip link

    muzyanur.blogspot.com

    BalasHapus
  5. ad ngg animasi untuk wordpress ko" blogspot smua ????????
    mhon bntuaxx.......-_-

    BalasHapus
  6. wieh bagus kale blogmu seperti sangat hidup

    BalasHapus
  7. aku sukanya pake blogspot alias blogger karena banyak fasilitasnya... tapi kalo wordpress aku masih lom bisa alias gak tau

    BalasHapus
  8. ok thank
    plis foolow me
    komputer-mardianto.blogspot.com
    wass wr.wb

    BalasHapus
  9. makasih mas ats infonya.......

    salam knl ya....

    jika berkenan silahkan mampir balik..

    BalasHapus
  10. bang tolong ajarin bikin scrol yang ada menunya juga disamping kiri itu bang.....

    tolong bang ...

    BalasHapus
  11. Trims Infonya
    cocok buat newbie ky aku
    Visit My Site
    wizyuloverz.blogspot.com

    BalasHapus

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri