Mengubah Tampilan Menu Page List Tema Emporio Menjadi Lebih Menarik

LangitSaya

Blogger 2 tahun kemarin memperbarui daftar tema modern mereka, salah satu dari daftar tersebut adalah tema Emporio. Dalam tema Emporio miliki sistem menampilkan daftar postingan secara kotak-kotak dengan sangat simpel yang berisi gambar, judul dan keterangan penulis saja.

Dan yang paling mengejutkan dari tema Emporio adalah kecepatan loading yang sangat cepat. Menurut saya tema Emporio ada tema paling cepat dari semua tema modern yang baru dirilis oleh blogger. Hal itu saya buktikan melalui tool pagespeed google yang menunjukan angka 92 untuk akses seluler dan angka 100 untuk akses dekstop pada halaman index atau home tema Emporio.

Namun untuk saat ini (saat artikel ini diterbitkan), desain tema Emporio terdapat widget yang tampilan berantakan dan berbenturan dengan widget lainnya seperti widget PageList dan Sidebar Item Page. Sehingga kurang nyaman untuk dilihat dan secara fungsional juga sedikit mengganggu.  Nah untuk itulah kami akan memberikan kode css agar tampilan PageList menjadi menarik dan tidak mengganggu seperti gambar di bawah.

Untuk menghindari kesalahan dalam mengubah kode program saya sarankan sebaiknya kalian menggunakan fitur tambahkan CSS dalam fitur desainer tema blogger. lihat gambar di bawah.

Baca juga: Mengubah ukuran iklan pada tema Contempo

Mengubah desain menu Page List Emporio

Copy dan pastekan kode di bawah ini

.top-nav{

margin-bottom:20px;

background: #343a40;

}

.top-nav .section{

background: red;

}

.overflowable-contents{

background: #343a40;

margin-left: 10px;

}

Lalu tempelkan pada menu tambahkan css agar lebih mudah dalam mencari kodenya serta jika ingin mengubah atau menghapusnya

Selesai