Cara Merapikan Kolom Komentar di Ghost.io

Photo by Edge2Edge Media / Unsplash

Kemarin saya cerita tentang proses menambahkan kolom komentar di Ghost.io, bisa kamu baca selengkapnya di sini.

Di akhir tulisan masih ada masalah batas kanan-kiri kolom komentar yang terlalu kebablasan ke pinggir.

Alhamdulillah, pas tulisan ini saya bikin, masalah itu udah beres.

Pagi ini saya dapat pesan dari adikku. Isinya kode CSS:

Klik di sini

<style>

.article-comments {

margin-left: auto;

margin-right: auto;

margin-bottom: 7rem;

max-width: calc(750px + 8vw);

padding-left: 4vw;

padding-right: 4vw;

width: 100%;

}

</style>

Salin kode tersebut dan sematkan pada kolom Site Header di sini:

Gimana cara mengakses ke menu itu? Yuk cermati ini:

Langkahnya:

  1. Klik icon setting di kiri bawah
  2. Klik menu 'code injection'
  3. Tempel kode CSS di atas di kolom 'Site Header'
  4. Klik 'Save'

Kode CSS itu untuk mengatur ukuran kolom komentar agar sesuai dengan ukuran rata kanan-kiri artikelnya.

Coba bandingkan screenshot di atas dengan screenshot di tulisan 'Cara Menambahkan Kolom Komentar di Ghost.io'. Pasti terasa bedanya!

Terimakasih buat adikku yang sudah bantuin.

Terimakasih juga buat kamu karena sudah membaca cerita saya hari ini.

Wiradesa, 19 Juni 2022

https://blogger.googleusercontent.com/img/a/AVvXsEi20lfnow3QxP3Kc-J97UjazD-A6Rmlw2zsWiEtWELV9fxwTi5ziEoaqksJpcNF5osZygSDl-dUUkv0iYgkarvFHqdTTy7n_hFdYLSDtzyXe4H6hhHEoSVRXuF_e6h-o-P7yo8ZoF0KCSLPG0n2mEKgZWL_-weYvfWWDQnUgspQxLuSAuVUz72nZFidrg=s16000
https://shp.ee/bpf6c9h
https://blogger.googleusercontent.com/img/a/AVvXsEhD0Eq7xBQ7tIFbIK7Q_ECgIN6RtBZmrjR9YqggvtcsZ1CoHXwNN9jIsBMKBq03Zya3OntDoqh5E-nEGOnJX7nKl6fpqanGh9_DJV1IqQCUl3UkdtugmLBieSak_Pq-ahg6VdfxcaSCLmJJob8e2ndhYblPOVR0ejd3wIC-6qGxS2rorSdmueB1gpkRzA=s16000
https://shp.ee/m8bycch
https://blogger.googleusercontent.com/img/a/AVvXsEhMHrequR_uiFqHUSPt2thla2lqOVUNoui7mo8a0RoSEJ11oovhPG4cQSxMs2ltpJ5FZcuZg59zkwasw7EWVTL7xyNLsB3KjN5wztNTU4ETP_K9wI9FjqeMfZr4becfFFc7xKjiLuIA9IBihgRbo98bVwbu_T09Lh6OZbG0PSN2aLK2q5ZKwyqPoMJn0Q=s16000
https://shp.ee/6p8qtih
https://blogger.googleusercontent.com/img/a/AVvXsEgjJ6RZa4pWp-Tb7MaMnnsm-M7-RX3ho3v0o2WMDZMWHpsjY8p-KGJwUw8n4Ip2mVIpAsDT6kFhsMd433EisJCycOjTTt0i_AzcctOSV_i5gxi94W-MrUQgLmsdg9sw2rAOlSSWnayIXB63EwI4H1HdExTGwYmtm4H5RgUN5sj1tWniSQQ7Qu6CODx5uw=s16000
https://shp.ee/uap8v7h
Muhammad Nurul Hakim

Muhammad Nurul Hakim