whycomputer.com >> Jaringan komputer >  >> Perangkat Lunak

Bagaimana Membuat Efek Gambar Buram Saat Kursor Tidak Menyorot di Tumblr

Persiapan

Untuk menghasilkan efek gambar buram yang berubah menjadi jelas ketika kursor menyorot, Anda memerlukan dua versi gambar: satu bersih dan satu yang buram. Pastikan kedua gambar memiliki ukuran yang sama. Anda dapat membuat gambar buram menggunakan fitur Blur di GIMP, Photoshop, atau aplikasi online.

Kode JavaScript

Masukkan kode JavaScript berikut di antara tag <head> dan </head> pada tema Tumblr Anda. Kode ini menggunakan event <code>onmouseover</code> dan <code>onmouseout</code> untuk menukar sumber gambar.

<script>
function MouseRollover(img) { img.src = "URL_GAMBAR_BERSIH"; }
function MouseOut(img) { img.src = "URL_GAMBAR_BURAM"; }
</script>

Ganti URL_GAMBAR_BERSIH dan URL_GAMBAR_BURAM dengan tautan lengkap gambar Anda.

Kode HTML

Selanjutnya, letakkan kode HTML berikut di bagian tema tempat Anda ingin menampilkan gambar. Pastikan src default menunjuk ke gambar buram.

<div align="center">
  <img src="URL_GAMBAR_BURAM" width="500" height="500" border="0" onmouseover="MouseRollover(this)" onmouseout="MouseOut(this)" />
</div>

Sesuaikan atribut width dan height dengan ukuran yang Anda inginkan.

Instalasi Kode

1. Buka dasbor Tumblr, pilih blog yang akan diedit, lalu klik Customize. 2. Pilih Edit HTML untuk membuka editor tema. 3. Pilih potongan kode JavaScript, tekan Ctrl+C, lalu tempel (Ctrl+V) sebelum tag </head>. 4. Selanjutnya, tempel potongan kode HTML di posisi yang diinginkan. 5. Klik Update Preview untuk melihat hasilnya, lalu Save ketika sudah sesuai.


URL:https://komputer.whycomputer.com/Perangkat-lunak/101318951.html

Perangkat Lunak
  • Cara Membuat Stereogram 3D

    Pengenalan Stereogram Stereogram, atau yang juga dikenal sebagai autostereogram, adalah ilusi optik yang menyembunyikan gambar 3D di dalam pola 2D. Dengan cara menindih mata, gambar tersembunyi akan muncul di dalam latar belakang. Bagaimana Cara Melihat Stereogram Untuk melihat stereogram, letakkan

  • Cara Membuat Bingkai Gambar Oval

    Setiap bingkai foto dapat mempercantik tampilan gambar Anda. Dengan memilih bingkai yang cocok dengan latar belakang, skema warna, dan gambar, foto Anda akan terlihat lebih elegan, profesional, atau menghibur. Bingkai oval, yang tidak terlalu konvensional, dapat membuat foto Anda menonjol secara vis

  • Cara Menjadikan Gambar Monitor Lebih Tajam

    Anda dapat membuat gambar pada monitor menjadi lebih tajam dengan menyesuaikan resolusi layar pada komputer atau laptop. Resolusi rendah, seperti 800x600, menghasilkan gambar yang lebih besar namun tampak butuh dan buram, sedangkan resolusi tinggi, seperti 1680x1050, menghasilkan gambar yang lebih k

Jaringan komputer © https://komputer.whycomputer.com