Tampilkan postingan dengan label gambar. Tampilkan semua postingan
Tampilkan postingan dengan label gambar. Tampilkan semua postingan

Jumat, 11 Januari 2019

✔ Cara Mengatur Gambar Posting Blog Otomatis Responsive Abdi Desa

Gambar dalam tampilan yang responsive di semua layar memang sangat diperlukan untuk sebuah blog. Karena ini akan berpengaruh pada kenyamanan pengunjung dalam membaca postingan blog kita.

Cara Jitu Mengatur Gambar Posting Blog Otomatis Responsive Semua LayarDalam mengatur gambar posting otomatis Responsive semua layar terbilang mudah. Kita hanya cukup menambahkan beberapa kode css ke dalam editor html.

.post-body img {max-widht: 90%; height: auto;}Untuk langkah tersebut terbagi ke dalam 2 langkah

Template Blog

Template blog ini memang sedianya untuk mengatur template blog default/bawaan. Tetapi bisa kita fungsikan sebagai fitur tambahan untuk mempercantik tampilan blog.

kita bisa masukkan kode tersebut ke bagian template blog lalu pilih sesuaikan lebar kemudian atur nilai dalam kode tersebut sesuai dengan ukuran yang kita inginkan lalu simpan.

Cara Jitu Mengatur Gambar Posting Blog Otomatis Responsive Semua LayarApabila bila langkah tersebut tidak berfungsi. Maka kita bisa menggunakan langkah kedua yaitu dengan

Edit HTML

Masukan kode tersebut tepat diatas kode ]]></b:skin>. Kemudian simpan. Cek kembali tampilannya apakah berfungsi atau tidak.

Nah, apabila memang belum berfungsi juga. Maka itu dapat dipastikan didalam edit HTML sudah tersedia kode tersebut yang memang belum diatur, sehingga mengakibatkan terjadinya double kode.

Kode diatas sejatinya sudah disediakan oleh pembuat template, hanya saja nilai dalam kodenya belum disempurnakan. Maka dari itu kode yang disimpan tadi tidak berfungsi secara normal

Apabila sudah demikian, kita cukup mencari kode css diatas di dalam menu edit html. Tetapi silahkan untuk hapus terlebih dahulu kode-kode yang telah kita tempatkan tadi.

Untuk mencari kode tersebut, silah tekan shift + F. apabila sudah ditemukan silahkan untuk tambahkan kode !important dibelakang nilainya. Seperti berikut:

Cara Jitu Mengatur Gambar Posting Blog Otomatis Responsive Semua LayarKemudian atur kembali nilai kode sesuai dengan tampilan blog yang kita inginkan.

Nah, demikan langkah mengatur gambar posting blog otomatis responsive semua layar. Semoga bermanfaat.


Source : https://www.abdidesa.com/2018/07/cara-mengatur-gambar-posting-blog.html

Kamis, 03 Januari 2019

➥ Cara Memperkecil Size Gambar Jpeg Cepat Dan Mudah Abdi Desa

Pada kesempatan kali ini saya ingin mencoba share tutorial cara memperkecil ukuran gambar dengan mudah dan cepat. Gambar memiliki variasi tipe. Diantaranya yang paling banyak digunakan adalah gambar berjenis .jpg, dan png. Antara keduanya memiliki fungsi yang sama yaitu jenis format file untuk menyimpan gambar digital. Namun png memiliki fitur yang berbeda yaitu memberikan efek transparan pada background bawaan. Sehingga apabila kita mengunduh gambar berformat png, maka yang terdownload adalah keseluruhan gambarnya saja. Di dalam kebutuhannya sering sekali kita dipaksakan untuk memperkecil size gambar yang sudah ada. Contohnya di saat membuat lamaran cpns, di dalam persyaratannya tertulis bahwa ukuran size gambar maksimal sekian dan sekian. Nah ini kadang kita bingung bagaimana cara memperkecil tanpa merubah dimensinya.Ada cara yang cepat untuk melakukan kompresi pada gambar tanpa harus ribet yaitu dengan memfungsikan aplikasi bawaan komputernya yaitu aplikasi paint. Setiap komputer atau laptop pasti memiliki fitur bawaan ini. Untuk membukanya silahkan klik tombol start dan tulis kata paint. Maka akan muncul aplikasi paint.Baik.. yok kita langsung saja ke cara memperkecil ukuran gambar dengan mudah dan cepat. Pada gambar dibawah ini memiliki dimensi 441 x 337 dengan ukuran file 275 kb. imageLangkah langkah memperkecil ukuran gambar sebagai berikut:1. Pilih gambar yang ingin diperkecil ukurannya. Klik kanan pada mouse lalu pilih editimage2. Gambar akan terbuka di aplikasi paint secara otomatis. Kita bisa melakukan croping jika ada gambar yang ingin dipotong atau bisa langsung diperkecil dengan cara klik resize - pixels - ok.image3. Pastikan dalam Maintain aspect rasio tercentang seperti pada no (3), hal ini untuk memastikan bahwa dimensi gambar tidak berubah. Sehingga ketika kita merubah bagian horizontal maka otomatis bagian vertical juga berubah. Kita kurangi misal horizontal 241, vertical otomatis berubah menjadi 107. Lalu ok dan save. Maka ukuran gambar akan berubah. imageItulah cara memperkecil ukuran gambar dengan mudah dan cepat. Semoga bermanfaat.

Tutorial Membuat Poster dengan Microsoft Publisher


Source : https://www.abdidesa.com/2019/12/cara-memperkecil-size-gambar-jpeg-cepat.html