CARA MENGATUR TAMPILAN POPULAR POST DAN PAGELIST PADA TEMPLATE CONTEMPO

1. CARA MEMPERBESAR ATAU MEMPERKECIL JUDUL POPULAR POSTS
popularposts editblogtema yang sederhana


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.
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 yagn 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)
menubar dibuat menggunakan pagelist atau page blogger
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.



Comments

  1. Agar pagelist tetap muncul di header saat kita buka artikel bagaimna ya?

    ReplyDelete
    Replies
    1. Jika kita menerapkannya dengan benar pagelist tetap akan muncul baik pada homepage blog maupun pada saat artikel dibuka.

      Letaknya harus pada posisi yang benar di pengaturan blog, tidak perlu edit HTML, tema yang sedang kami pakai ini adalah contempo dan memanfaatkan pagelist sebagai menu navigasi (walau tampilannya telah dimanipulasi dengan CSS)

      Delete
    2. Saya coba template contempo original blm di utak atik, pagelist top saat di halaman artikel tidak ada. Hanya tampil di homepage.

      Delete
    3. OK akan saya periksa, atau kalau mau coba template baru saya buat, silahkan donlot : https://drive.google.com/folderview?id=1aHW2qmCoFXWNi2U18xI3m0uPUW8wu3VR

      Delete
    4. Ok ijin saya sedot mas

      Delete
    5. Jika ada problem silahkan bertanya ya, hitung hitung orang pertama makai, akan saya jelaskan cara mengedit menu navigasi dan atribusi footer

      Delete
    6. File di atas ke lock,

      Anda perlu izin

      Ingin masuk? Mintalah akses atau beralihlah ke akun yang diberi izin. Pelajari selengkapnya

      Anda masuk sebagai ......@gmail.com.

      Minta aksesBerganti akun

      Delete
    7. sudah saya kirim, saya juga menyarankan template full premium:
      https://www.editblogtema.net/p/project-pandora.html

      Delete

Post a Comment

请给我们一个礼貌的评论与任何相关的主题
Just give us a polite comments with any related topics
Hanya komentar yang sopan dan berhubungan dengan topik

My photo
sofyan Ya-an
Batam, Kepri, Indonesia
Suka menulis. Peminat sains, matimatika, koding walaupun bukan pelaku aktif. Saya adalah pribadi yang introvert dan soliter - seorang penyendiri.