W3 Directory - the World Wide Web Directory

Cara Merubah Ukuran Tinggi dan Lebar Gambar dengan Script

Cara Merubah Ukuran Tinggi dan Lebar Gambar dengan Script - Setelah sebelumnya say telah membagikan Tutorial Blog dan Tips Blog yang berjudul Cara Buat Sticky Widget Melayang di Sidebar Blog kali ini saya akan membagikan tutorial blog Cara Merubah Ukuran Tinggi dan Lebar Gambar dengan Script. Gambar bagi sebuah blog memang dibutuhkan. Baik itu sebagai accessories blog maupun sebagai illustrator bagi tulisan. Di area postingan, ukuran gambar mungkin tidak menjadi soal, karena tersedianya ruang yang cukup luas untuk menempatkan gambar dan juga pengaturannya pun sangat mudah, tinggal kik and click.

Cara Merubah Ukuran Tinggi dan Lebar Gambar dengan Script.bmp


Caranya setelah gambar berhasil diupload, kemudian klik gambar tersebut dan akan muncul menu untuk mengatur gambar.  Namun pengaturannya hanya dibatasi 5 ukuran saja yaitu small, medium, large, x-large dan original size.

Memang walau hanya 5 ukuran saja tapi sudah cukup mewakili dan membantu kita khususnya untuk gambar yang akan dipasang di dalam postingan.

Bagiamana jika ingin membuat gambar menjadi ukuran yang sesuai dengan kemauan kita? Seperti misalnya ingin membuat gambar dengan ukuran panjang 100px dan tinggi 80px.

Untuk memperbesar atau memperkecil ukuran gambar, tidak perlu repot-repot mengedit pakai software editor image tetapi dengan menggunakan kode script kita dapat mengatur ukuran gambar sesuai keinginan kita.

Gambar yang akan dipasang di halaman blog tentu harus melalui proses upload terlebih dahulu. Setelah gambar selesai diupload maka akan didapat link gambar sebagai berikut:
<img src='http://4.bp.blogspot.com/-pffZj2FXOVM/UbXNaSmKvpI/AAAAAAAAC5k/rt3gjUUtGpw/s1600/booster.jpg">
Apabila ingin membuat gambar tadi menjadi link yang mengarah ke blog anda, maka susunannya menjadi :
<a href='http://andiasrulzani.blogspot.com/'><img src='URL gambar "></a>

Dari susunan kode seperti tersebut di atas, gambar yang muncul masih menampilkan ukuran yang sebenarnya. Sehingga bila tempat yang tersedia di blog lebih sempit dari gambar akan menimbulkan masalah baru.

Cara mengatasinya, gambar harus diatur.  Kode yang diperlukan adalah kode weight dan height (weight=lebar, height=tinggi).
Sedangkan penempatan kodenya seperti ini :

<img src='http://4.bp.blogspot.com/-pffZj2FXOVM/UbXNaSmKvpI/AAAAAAAAC5k/rt3gjUUtGpw/s1600/booster.jpg' width='100' height='80'>

atau bila ingin membuat gambar tadi menjadi link yang mengarah ke blog anda, maka susunannya menjadi :
<a href='http://andiasrulzani.blogspot.com/'><img src='http://4.bp.blogspot.com/-pffZj2FXOVM/UbXNaSmKvpI/AAAAAAAAC5k/rt3gjUUtGpw/s1600/booster.jpg' width='100' height='80'></a>

Catatan:
Untuk mengatur (memperbesar/memperkecil) ukuran gambar, ubahlah angkanya sesuai yang dikehendaki.

Dengan cara itu, gambar yang akan dipasang di blog dapat kita perbesar / perkecil dengan menggunakan kode script. 


Halaman tips trick jumper phonsel ini akan selalu diperbaharui bila admin menemukan lagi pada persamaan yang mirip postingan : Cara Merubah Ukuran Tinggi dan Lebar Gambar dengan Script

Related Post

Random Post

Loading...

Tidak ada komentar

Catatan:

1. Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
2. Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
3. Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
4. Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
5. Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
6. Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"