Senin, 30 September 2013

Cara Merubah Ukuran Gambar Pada Blog Secara Otomatis


Mengubah ukuran gambar postingan kita secara otomatis, ini yang akan saya jelaskan dan saya tutorialkan. Sebenarnya Cara Merubah Ukuran Gambar Secara Otomatis Di Blog sangat simple kalau kita mengerti kode script yang ada pada blog kita. Cara Merubah Ukuran Gambar Secara Otomatis Di Blog bisa dilakukan secara manual yaitu bisa merubah ukuran gambar pada saat meng upload gambar itu sendiri. Tetapi kalau sobat ingin merubah ukuran gambar secara otomatis maka sobat harus menambahkan kode script pada template blog sobat.

Cara Merubah Ukuran Gambar Secara Otomatis Di Blog ini bertujuan untuk merapihkan semua gambar yang ada pada blog, sehingga semua gambar yang ada pada blog ukurannya sama, dan ini akan secara otomatis berlaku pada blog sobat.

Berikut adalah cara memasang kode script pada template blog:
  1. Login terlebih dahulu ke Blogger.com
  2. Masuk ke Area Template
  3. Selanjutnya pilih Edit Html
  4. Lalu Tekan Ctrl + F pada keyboard (untuk memudahkan pencarian)
  5. Cari Kode  ]]></b:skin> pada template
  6. Copy kode dibawah ini dan pastekan tepat diatas kode no.5

.post-body img {
width: 350px!important;
height: auto!important;
border: 1px solid #ffffff;
box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}
Keterangan :
350px : Ukuran Lebar Gambar
auto : Tingginya akan disesuaikan secara otomatis
Border : Garis Pinggir Gambar
Box-shadow : Bayangan Garis Pinggir Gambar

Catatan: sobat bisa merubah kode diatas sesuai dengan keinginan sendiri. Atau untuk lebih mudah saya sarankan untuk mengganti 350px dengan auto saja.

7. Langkah terakhir save tamplate dan check blog sobat.

Nah itulah Cara Merubah Ukuran Gambar Secara Otomatis Di Blog, yang dapat saya share. mudah mudahan dapat bermanfaat bagi sobat. sekian dan terimakasih.

0 komentar:

Posting Komentar