Latest News

Cara Otomatis Perkecil Gambar Di Blog

Cara Otomatis perkecil gambar di blog. Blogger menyampaikan sebagian besar alat yang Anda akan perlu untuk menambah dan mengubah ukuran gambar Blogger cepat dan mudah. Anda dapat meng-upload foto eksklusif pada platform dan bahkan mengubah dimensi berdasarkan jenis konten yang di posting.

Cara perkecil gambar di blog


Untuk melaksanakan hal ini, membuat posting dan klik pada ikon foto kecil di toolbar atas sebelah pengaturan gaya font. Sebuah pop-up akan muncul di layar Anda meminta Anda meng-upload sumber gambar. Anda memiliki pilihan antara menambahkan gambar dari:

Cara Otomatis Perkecil Gambar Di Blog

- Komputer lokal Anda
- Sebelumnya upload gambar di blog
- Album Web Picasa
- Sebuah URL gambar

Cara Otomatis Perkecil Gambar Di Blog

Setelah Anda memilih gambar yang ingin Anda gunakan, Anda akan melihat empat ukuran gambar untuk memilih dari - kecil, menengah, besar, dan x-besar; juga menyampaikan Anda pilihan untuk menentukan keselarasan. Jika Anda menemukan bahwa empat dimensi yang telah ditetapkan tidak menyampaikan hasil yang Anda inginkan, ada cara mudah untuk mengubah ukuran gambar ke Blogger dimensi kustom semoga sesuai posting blog Anda.


Langkah # 1: Mempertahankan Kualitas Gambar


Jika Anda tahu bahwa Anda akan perlu untuk mengubah ukuran gambar Blogger setelah Anda posting ke blog Anda, pastikan bahwa Anda mulai dengan foto yang lebih besar dari 640px dimensi opsi x-besar. Sangat mudah untuk membawa gambar bawah dalam ukuran, tetapi kalau Anda mencoba untuk membuat sebuah gambar kecil yang lebih besar, Anda akan kehilangan beberapa kualitas. Pastikan bahwa Anda hati-hati untuk ukuran file yang berisi gambar ; semakin besar file, semakin lambat akan memuat di website Anda.

Photoshop yaitu editor gambar yang berpengaruh yang dapat membantu Anda untuk mengubah ukuran gambar Blogger atau memodifikasi gambar Anda sebelum Anda memposting, tetapi juga merupakan investasi yang mahal. Ada juga banyak editor gambar freeware lainnya yang dapat melaksanakan peran sederhana mengubah ukuran foto. Tentukan apa ukuran yang Anda ingin foto untuk ditampilkan pada halaman dan secara manual mengubah ukuran gambar Blogger untuk dimensi-dimensi; pengguna lain telah menemukan bahwa 700px yaitu ukuran lebar yang cukup fleksibel yang bekerja dengan baik pada posting.

Setelah Anda punya foto Anda ukurannya dan ditambahkan ke posting Anda, klik di atasnya dan pilih 'ukuran asli' pilihan. Jika foto Anda akan melebihi post editor, itu mungkin berarti bahwa mereka lebih besar dari badan posting Anda, jadi mari kita memperbaikinya dan membuat gambar pas.

Cara Otomatis Perkecil Gambar Di Blog


Langkah # 2: Memodifikasi CSS Situs ini


Selanjutnya, Anda akan ingin memodifikasi CSS template Blogger Anda untuk mengakomodasi penyesuaian. Jangan kuatir; Anda tidak perlu banyak coding pengalaman untuk menyelesaikan peran ini.

Membuka dashboard Blogger dan pergi ke 'Template'> 'Customize'. Anda akan melihat pilihan untuk 'Advanced', klik di atasnya dan menemukan jalan ke Tambahkan CSS 'tab ... paste aba-aba CSS berikut dalam kotak kosong:

width: 300px;">
.post-body img {
max-width: 100%;
max-height: auto;
display: block;
margin: auto;
}

Menambahkan aba-aba untuk bab ini, secara otomatis menambahkan itu antara <b: skin> .... <b: skin> tag dari Template Anda (Template> Edit HTML, di atas]]> </ b: skin> tag). Jadi, tidak peduli apakah Anda menambahkannya di atas ]]> </ b: skin> atau dalam kotak CSS Tambah, efek harus sama.

Ingatlah bahwa dikala Anda membuat perubahan pada CSS Template blog, perubahan ini akan menghipnotis setiap posting ditambahkan sebelumnya, dengan menggunakan "ukuran asli" pilihan dimensi.

Untuk merapikan pos bahkan lebih, tambahkan tiga baris terakhir yang ditampilkan di bawah ini:

.post-body img {
max-width: 100%;
max-height: auto;
display: block;
margin: auto;
box-shadow: none;
border: none;
padding: 0px;
}

Cara Otomatis Perkecil Gambar Di Blog

Kode ini akan menyingkirkan setiap perbatasan dan padding di sekitar gambar dan menyampaikan tampilan lebih natural dalam pos. Tekan "Terapkan ke Blog" tombol setelah Anda selesai menambahkan.

Catatan: Ini hanya akan mengubah gambar diatur ke ukuran asli. Untuk mengubah ukuran gambar dengan ukuran yang berbeda dan menerapkan perubahan ini pada semua gambar ditambahkan ke posting Anda, tambahkan CSS ini sebagai gantinya:

.post-body img {
width: 100%;
height: 100%;
display: block;
}

Silakan mempertimbangkan bahwa, kalau Anda memiliki posting dengan foto mengambang baik di sebelah kanan atau kiri konten, mereka secara otomatis akan lebar penuh.


Langkah # 3: Buat Posting


Setelah membuat pembiasaan untuk kedua ukuran file dan CSS, Anda dapat kembali ke editor posting dan ulangi Langkah 1 untuk menambahkan gambar. Ketika Anda kembali ke layar yang meminta ukuran, klik pada "ukuran asli" pilihan dan mengkonfirmasi pilihan Anda. Gambar Anda gres ditambahkan kemudian akan ditampilkan dengan pembiasaan yang Anda buat, sehingga cocok baik lebar area posting.

Baca juga artikel keren lainnya ya
- Membuat 5 kata kunci dalam artikel
- Situs dopollow pagerank tinggi
- Kenapa google adsense di banned ?

Terimakasih sudah mampir di Ciri seo blog, smoga ada manfaatnya