Script Memperbesar Gambar Saat Disorot Mouse

dalam Web Design
Hosting Murah Berkualitas

Bagi anda yang ingin mempercantik tampilan website dan blog, sebetulnya banyak sekali cara yang bisa kita lakukan untuk mempercantik tampilan sebuah website dan blog. Salah satunya kita bisa melakukannya dengan menggunakan sebuah script. Atau bagi anda yang menggunakan website berbasis wordpress, anda bisa memasang plugin-plugin yang memang ditujukan untuk tujuan-tujuan tersebut.

Pada kesempatan kali ini saya akan membahas cara yang pertama dulu, yaitu mempercantik tampilan sebuah website dan blog menggunakan sebuah script. Tujuan penggunaan script ini ditujukan yaitu untuk memperbesar sebuah gambar saat disorot oleh mouse. Untuk mengetahui maksud dari artikel yang berjudul Script Memperbesar Gambar Saat Disorot Mouse ini, silahkan anda letakkan mouse anda keatas gambar diatas halaman postingan website ini. Bagaimana anda tertarik untuk memasang script ini untuk website dan blog anda?

Jika anda tertarik dengan script ini dan berkeinginan untuk memasang script ini pada website dan blog anda, baiklah akan saya berikan tips dan script nya pada artikel saya yang berjudul Script Memperbesar Gambar Saat Disorot Mouse ini.

Baiklah, kita langsung saja bagaimana cara melakukannya. Scriptnya cukup simpel. Silahkan anda copy dan paste script dibawah ini pada postingan artikel diwebsite dan blog anda. Script nya adalah sebagai berikut :

<style type=”text/css”>
border: none;
vertical-align: top;
</style>
<script src=”http://sundaboy.googlecode.com/files/sundaboyzoom.txt” type=”text/javascript”></script><img border=”0″ class=”expando” height=”100″ src=”URL GAMBAR” width=”100″ />

Setelah anda copy paste script ini pada pada website dan blog anda, maka anda harus merubah beberapa settingan yang ada pada script tadi diatas dulu agar tampilannya sesuai dengan apa yang anda inginkan.

Silahkan anda Ganti tulisan URL GAMBAR yang ada pada script diatas dengan url gambar yang akan anda perbesar tampilannya. Seperti contoh anda ganti dengan url gambar http://www.peterwebs.com/wp-content/uploads/2016/08/script-memperbesar-gambar-saat-disorot-mouse.png

URL tadi diatas merupakan URL gambar saya yang sudah saya upload pada website peterwebs.com ini.

Setelah anda mengubah URL gambar anda, maka sekarang silahkan ubah ukuran tinggi dan lebar sesuai dengan yang anda inginkan. Namun untuk sementara biarkan saja ukurannnya sesuai dengan apa yang tertera pada script diatas.

Namun sebagai catatan dalam merubah ukuran tinggi dan lebar gambar ini, anda harus merubah ukuran Tinggi dan Lebar gambar ini harus lebih rendah dibanding ukuran aslinya, karena kode ini akan memperbesar sesuai dengan ukuran gambar yang di masukan. sebagai contoh, misalnya ukuran gambar asli memiliki tinggi 200px dan lebarnya 300px. Maka anda harus merubah kodenya menjadi lebih kecil dari ukuran aslinya, misalnya tinggi 100px dan lebar 200px. Nanti saat disorot oleh mouse maka Gambar akan di zoom menjadi ukuran aslinya yaitu 200px dan 300px.

Demikian artikel saya yang berjudul Script Memperbesar Gambar Saat Disorot Mouse ini. Saya mendapat trik ini dari website tetangga saya sebelah http://www.sundaboy.com. Selamat mencoba dan semoga bermanfaat.

Tags: #belajar css #belajar html #belajar wordpress #blogging #html #kode html #membangun website #trik wordpress #tutorial website #web design

author
Penulis: 
Saya adalah Seorang Blogger yang aktif dan konsen di bidang programming, web design, graphic design dan bisnis online. Saya juga tertarik pada bidang Parenting, Kesehatan dan informasi bermanfaat lainnya.
Website Tempat Download Gambar Gratis
Website Tempat Download Gambar Gratis
Pada kesempatan kali ini, saya akan berbagi
Cara Posting Artikel Di Website Berbasis WordPress
Cara Posting Artikel Di Website Berbasis WordPress
Pada saat yang lalu saya sudah membahas
Cara Posting Artikel Di Blogspot
Cara Posting Artikel Di Blogspot
Setelah anda mengikuti artikel saya yang berjudul
Cara Membuat Blog Gratis Dengan Blogspot Untuk Blogger Pemula
Cara Membuat Blog Gratis Dengan Blogspot Untuk Blogger Pemula
Berdasarkan permintaan temen saya dan subscriber di
Konfigurasi WordPress Yang Penting Untuk Diketahui
Konfigurasi WordPress Yang Penting Untuk Diketahui
Pada kesempatan yang lalu saya sudah membahas
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Bagi anda yang ingin memiliki banyak website
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Langkah pertama yang harus anda lakukan ketika
Cara Membeli Domain Dan Hosting
Cara Membeli Domain Dan Hosting
Salah satu persyaratan untuk bisa memiliki sebuah
Cara Install WordPress Di Localhost Dengan Xampp
Cara Install WordPress Di Localhost Dengan Xampp
Sebagai lanjutan dari pembelajaran membangun website, kali

Beri komentar "Script Memperbesar Gambar Saat Disorot Mouse"

Baca juga×

Top