Mengatasi bug grid layout template Median UI

Berikut adalah cara mengatasi bug grid layout pada template blogger median ui, yang di mana kedua sisi menjadi tidak rata.

Ide artikel ini saya tulis karena waktu saya mencoba memasang grid layout pada template Median UI mengalami bug, dimana bagian kedua sisi tidak sejajar dan bahkan pernah mengalami beberapa teks menjadi tebal pada halaman homepage.

Apa itu grid layout pada template Median UI?

Bagi yang belum tahu, pada dokumentasi Median UI di jelaskan bahwa template Median UI memiliki sebuah style yang bernama gridLayout, grid layout ini berfungsi untuk mengganti style pada bagian homepage dari yang tadinya 2 kolom menjadi 1 kolom saja.

Bagaimana cara mengaktifkan grid layout pada template Median UI?

Jika anda pengguna template Median UI versi 1.5 anda dapat mengaktifkan gridLayout ini dengan sangat mudah, silahkan ikuti tahapan-tahapan berikut :

  1. Silahkan anda buka Dashboard blogger anda
  2. Klik menu Tema dan tekan tanda panah ke bawah pada sebelah tombol "Sesuaikan"
  3. Pilih Edit html
    Edit html
  4. Pada keyboard tekan Ctrl + F untuk memunculkan papan penelusuran

    Jika pada handphone tidak bisa, silahkan download terlebih dahulu keyboard yang terdapat tombol Ctrl + F atau bisa juga secara manual.
  5. Cari kode <body
  6. Ubah menjadi seperti berikut :
    <body class='gridLayout'

Cara mengatasi Bug grid layout template Median UI

Dari sini saya anggap anda sudah berada pada laman Edit html atau template editor blogger, kemudian silahkan ikuti langkah-langkah berikut :

  1. Cari kode ini :
    .gridLayout .blogPosts .hentry{width:calc(100% - 15px);
  2. Ubah menjadi seperti ini :
    .gridLayout .blogPosts .hentry{width:100%;
  3. Klik icon save jika sudah selesai.

Itu tadi adalah cara mengatasi bug grid layout pada template median ui, semoga artikel ini dapat bermanfaat dan membantu. Mungkin kedepannya saya akan lebih banyak membahas tentang template blogger median ui ini.
Baca juga :