Membuat Gambar di Tengah Postingan pada Jekyll
Hari ini saya akan posting tips sederhana bagaimana cara membuat posisi gambar ada tengah tulisan pada Jekyll. Dari kemarin saya sudah utak-atik segala cara selalu gagal. Akhirnya setelah cari info sana-sini saya mendapatkan caranya.
Untuk membuat posisi gambar ada di tengah postingan sebenarnya cukup mudah. Salah satu solusinya, kamu bisa menggunakan tag HTML biasa <img src="gambar.jpg" style="text-align: center"> tapi repotnya itu kalo kamu benar-benar ingin pure Markdown. Ternyata solusinya cukup gampang. Yuk dicoba!
Pertama, tambahkan gambar ke dalam postingan dengan kode berikut:
Biasanya gambar yang muncul akan berada di sebelah kiri seperti ini:
Lalu tambahkan kode berikut pada akhir baris kode di atas:
{: .center}
Jadi lengkapnya akan jadi seperti ini:
 {: .center}
Sekarang tambahkan CSS berikut:
.center {
display: block;
max-width: 100%;
height: auto;
margin: auto;
float: none !important;
}Simpan, lalu lihat perubahannya. Sekarang gambar kamu akan berada di tengah-tengah postingan seperti yang diharapkan. Selamat mencoba!