Cara mengatur tampilan popular posts dan pagelist template contempo

1. CARA MEMPERBESAR ATAU MEMPERKECIL JUDUL POPULAR POSTS

Pada pengaturan blogger > edit HTML cari kode:

.PopularPosts .post-title,.PopularPosts .post-title a,.PopularPosts .post-title a:visited,.PopularPosts .post-title a:hover { color: $(popularposts.title.color); font-size: 16px; font-weight: normal; line-height: 16px;
.PopularPosts,.PopularPosts h3.title a { color: $(posts.text.color); font: $(posts.text.font);}
.main .PopularPosts { padding: 16px 10px;}
.PopularPosts h3.title { font-size: 19px; 

margin: 0;}

Keterangan:

1. Mengganti nilai yang disorot warna merah muda akan merobah ukuran Judul popular post
2. Mengganti nilai yang disorot warna biru akan merobah kerenggangan huruf atau kalimat snippet popular post
3. Mengganti nilai yang disorot kuning akan merobah ukuran huruf popular post
4. Mengganti nilai yang disorot warna hijau akan merobah ukuran POPULAR POST itu sendiri.

2. CARA MEMODIFIKASI FUNGSI PAGE LIST PADA CONTEMPO

Pagelist pada contempo dapat di manfaatkan sebagai Menu Navigasi yang responsive dan mobile asalkan jangan merobah aba aba daripada kode css berikut:

Pada pengaturan blogger > edit HTML cari kode:

.blog-name .PageList {  margin-top: 20px;  text-align: center;}.blog-name .PageList .overflowable-contents {   width: 80%; }.blog-name .PageList h3.title {  color: $(blog.title.color);  margin: 22px auto;  text-align: center;  width: 100%;}

Mengganti nilai yang disorot warna kuning (80%) ini yang membuat menu dropdown pada ujung menubar layar 800px keatas (media query 800 keatas) - jika nilainya dirobah jadi 100% misalnya maka dropdown menu hanya tampil pada hape dan tablet 130% drop down pada tablet bahkan menghilang

Perhatikan gambar: Pada ujung menubar muncul "More" saat dientuh atau ditekan cursor mouse muncul kotak menu (pada tablet)

Pada tampilan hape tidak ada menu yang ditampilkan selain "more" diatas. Pada layar PC yang lebar nya 15 inchi keatas beberapa sub menu terlihat dan pada ujungnya hadir "more" karena mungkin menu terlalu banyak. More di sentuh dan ditekan akan menghasilkan menu menu dropdown.

Demikian cara mengatur ulang tampilan pagelist pada contempo..