Home › Blog › script

Cara Posting Gambar Agar Tidak Melebihi Halaman Blog

Thursday, March 21, 2019 Add Comment Edit

Didalam sebuah postingan blog/website gambar merupakan hal yang penting, Selain mempercantik tamplan,gambar juga kadang memiliki arti dari sebuah postingan kita, Apalagi di Blog Tutorial pasti wajib menggunakan gambaar agar pengunjung tertarik untuk membaca artikel kita.

Nah,Kadang kala ketika kita membuat postingan menggunakan gambar,tampilan belum tentu semulus yang kita ingin kan. Contoh nya Gambar melnceng dari frame blog kita, atau keluar dari border postingan.

Sebenar nya di menu postingan bloger sudah tersedia ukuran gambar, misalnya Small,Large,X-large atau pun Medium,Tapi kadang kala ada saat nya gambar tidak bisa di atur melalui menu tersebut. Oleh karna itu maka kita perlu mengatur nya melalui Kode HTML di bagian tema blog. Cukup teman-teman perhatikan dan praktek kan langkah-langkah berikut

Cara Posting Gambar Agar Tidak Melebihi Halaman Blog

Pastikan kita Login ke blogger dahulu
terus Masuk ke halaman dashboard
Pilih pada bagian template
Klik Menu Edit HTML
Biar mempermudah, Tekan CTRL + U pada tampilan html,Lalu cari kode ]]></b:skin>
Setelah itu Letakan kode di bawah ini tepat di atas kode ]]></b:skin>

#header img { max-width: 97%; max-height:91%; margin:1px 1px;padding:0px;}

.post img { vertical-align:bottom; max-width:91%; max-height:91% }

#navigation img { vertical-align:bottom; max-width:79%; }

Jangan Lupa klik PREVIEW sebelum kita save
Jika tidak ada error, Maka jangan lupa untuk men Save nya.

Sekian dulu artikel dari saya ya teman, Semoga bisa bermanfaat dan dapat membantu teman-teman sekalian.
Jika sekira nya ada salah harap dimaklumi yah.

Happy Bloging

Hanya seorang Nubie, Memulai blog Sebagai Hobby.

0 Response to "Cara Posting Gambar Agar Tidak Melebihi Halaman Blog"

Post a Comment

Subscribe to: Post Comments (Atom)