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 :
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