Cara Menciptakan Gambar Transparan

Tuesday, March 13, 2018

Bagikan :

Tweet

atau

Teknik Membuatnya
1. Login ke blogger
2. Upload gambar terlebih lampau
3. Lihat Kode HTML
4. Ubah Kode HTML menyerupai di bawah ini
5. Publikasikan

6. SELESAI

Skrip Gambar-nya

yang berwarna merah adalah skrip HTML kode gambar

<div class="separator" style="clear: both; text-align: center;">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikkYxu9TAreL7JU24wWMJFYbEK47Gl2tEY31hvAqyIGZJO8436zQvYDCw6Y5CcJ8H6IOd8Fe8BUYeLdBHZuvWYx0j93JZWwvs6d2BSICvTyRogKvb8idTcVIRYRjPo7ROR15jphZLPHras/s1600/Harun+Arl+Rosid.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikkYxu9TAreL7JU24wWMJFYbEK47Gl2tEY31hvAqyIGZJO8436zQvYDCw6Y5CcJ8H6IOd8Fe8BUYeLdBHZuvWYx0j93JZWwvs6d2BSICvTyRogKvb8idTcVIRYRjPo7ROR15jphZLPHras/s320/Harun+Arl+Rosid.jpg" width="480" /></a></div>

<br />

<br />

Tambahkan isyarat skrip dibawah ini dan

Ganti isyarat yang berwarna merah dengan isyarat gambar sendiri

<img src="kode gambar sendiri"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

Sehingga Kode Skrip nya menjadi menyerupai di bawah ini

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRZ3eoSnI1Fu5VGI2zgXfxETNhSJ9avxpLO_KInNkl6NrVB0hugYnFERz84jtI9JC4I-n-nlNvL7hgYU_Csaqegl6RSkFefB13pKy10y0anClvh1P3CndrdByI497qrnKcTtZh7chN8PEJ/s1600/Harun+Ar+MgSkt-2017-03-19+23.20.26.jpg"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

<br />

<br />

Tag : Disimpen Ben Ra Lali