Tags

, , ,

Biasanya nih ya, kalo mau bagi-bagi ilmu pasti ada kata-kata pembuka kayak gini, “maap gan, ane newbie mau berbagi ilmu, sorry kalo repost”. maapkalorepost hihihihi

naaaaah, kali ini gue mau bagi-bagi sembako ilmu nih buat yang pengen tau, gimana caranya bikin floating image yang ada di blog gue jadi transparant. sebelumnya gue mau bilang makasih dulu buat bang merah alias bang red :mrgreen: yang udah share tentang Cara Pasang Floating Images di Blog WordPress (top rate dah) , dan juga buat Lambertoes yang udah bikin gue jadi tau gimana caranya biar floating image nya jadi transparant *istilahnya gue nyontek lah, hehehe, piss*

oke mari kita telaah :P

kalo kalian sudah baca postingannya bang red tentang Cara Pasang Floating Images di Blog WordPress, maka gue bakal nambahin sedikit kode HTMLnya, misalnya gue ambil contoh:

  • Posisi atas-kiri (pake link)

    • <a style=”display:scroll;position:fixed;top:0;left:0;” href=”URL link yg akan dituju” target=”_blank”><img src="URL gambar" /></a>

    nah tambahkan kode HTML: style=”opacity:0.1;filter:alpha(opacity=10);” di dalam img src nya, maka jadilah seperti ini:

    <a style=”display:scroll;position:fixed;top:0;left:0;” href=”URL link yg akan dituju” target=”_blank”><img src="URL gambar" style="opacity:0.1;filter:alpha(opacity=10);" /></a>

    Penjelasannya:

    opacity nya bisa disesuaikan menurut keinginan kalian. mau transparant banget kayak di blog gue ini (liat alexa gue) :D , atau setengah transparant juga bisa (kayak YM status gue), mana yang enak diliat ajalah. tinggal ganti opacitynya aja, jadi 0.1 dan 10 atau 0.2 dan 20, dst. up to youuuu. :mrgreen:

    mudah banget kan? :D

    selamat mencoba dan percantiklah blog kalian, kayak gue yang cantik ini. (jelek jelitanya ditanggalkan dulu sementara waktu) :lol:
    dan jangan dikasih gan, tapi di kasih aja ya gan

    [PS] : cuma mau share ane nih gan