News Update :

Mengatur Ukuran Gambar Posting

Minggu, 11 Desember 2011

Mengatur ukuran gambar posting salah satu strategi seorang blogger untuk memasang suatu gambar atau foto yang ditempelkan ke dalam artikel posting guna mengurangi loading page dan menyesuaikan ukuran gambar/foto agar sepadan dengan area posting dalam page website/blog. Untuk kali ini saya akan berbagi bagaimana cara mengatur ukuran gambar posting.

Sangat bermanfaat sekali khususnya domain blog sudah support/mendukung fitur html dan ini memudahkan kita untuk mengatur ukuran gambar dalam artikel posting dengan cara memasukan kode html. Berikut adalah contoh kode untuk mengatur ukuran gambar posting.

Sebelum menggunakan kode silahkan aktifkan dulu fitur html pada blog kalian, disini kita cukup menambahkan kode

width="value"

Untuk value kalian bisa memasukan dalam bentuk angka atau % (persen), disinilah letak kode ukuran gambar tersebut seperti contoh dibawah ini.

width="120"

120 adalah ukuran panjang gambar (dari kiri ke kanan) dan untuk ukuran tingginya (dari atas ke bawah) akan menyesuaikan ukuran value.

gir.png Contoh penggunaan kode gambar

Girl.jpg

Gambar diatas untuk ukuran aslinya adalah 240x320 karena sudah saya masukan kode yang saya contohkan, jadi hasilnya menjadi kecil atau setengah dari gambar aslinya, untuk melihat ukuran aslinya silahkan klik saja gambarnya. Dan dibawah ini adalah kode html dari gambar tersebut, silahkan di copy dan gunakan pada artikel posting kalian.

copy kode diatas dan jangan lupa masukan valuenya, untuk menghilangkan link gambar hapus saja kode
Dan juga kode

gir.pngMenambah fitur border/garis tepi

Sebagai tambahan untuk mempercantik tampilan gambar posting, kita bisa menambahkan border atau garis tepi. Gunakan kode berikut ini

style="border:1px solid #kode warna"

Untuk ukuran garis border silahkan ganti angkanya dan untuk jenis border juga bisa diganti sesuai selera serta jangan lupa kode warnanya juga dimasukan. Selain menggunakan kode html, border juga bisa kita atur pada CSS yang kita pakai pada blog kita.

Sekian info yang bisa aku sampaikan semoga artikel mengatur ukuran gambar posting bisa memberikan manfaat untuk kalian semua....
dada.pngSelamat Mencoba...!!
Share this Article on :

Tidak ada komentar:

 
problemanswers2011 | Design by Ryanz Zegger | Powered by Blogger.com.