Membuat Judul Artikel Rata Tengah di Median UI 1.6

Ternyata judul artikel pada template median ui bisa diubah menjadi rata tengah seperti halnya website detik.com, akan tetapi di median ui pada versi 1.6 ini ternyata sudah diubah berbeda dengan median ui 1.5.

Kali ini saya akan share bagaimana membuat judul artikel template median ui 1.6 ini jadi rata tengah agar bisa seperti blog besar dimana judul mereka rata tengah. 

Baca juga :

• Template Aksesibilitas Mesalah Median UI 1.6
• Membuat Template Thumbnail Median UI Support WEBP
• Cara Menambahkan Widget Google Terjemah Pada Template Median UI

Untuk contohnya sendiri kamu bisa lihat pada artikel ini dimana judul tersebut menjadi rata tengah jadi makin keren sobat. 

Membuat Judul Artikel Template Median UI Rata Tengah

Masuk Dashboard Blogger, pilih menu Tema kemudian klik Edit HTML, cari CSS seperti yang ada di bawah ini. 

/* Title and Entry */
.pTtl{font-size:1.1rem;line-height:1.5em} .pTtl.sml{font-size:1rem} .pTtl.itm{font-size:var(--postT);font-family:var(--fontBa);font-weight:900; line-height:1.4em} .pTtl.itm.nSpr{margin-bottom:30px} .aTtl a:hover{color:var(--linkC)} .aTtl a, .pSnpt{color:inherit; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

Jika sudah menemukan nya kamu cukup ganti CSS nya seperti yang ada di bawah ini. 

/* Title and Entry */
.pTtl{font-size:1.1rem;line-height:1.5em} .pTtl.sml{font-size:1rem} .pTtl.itm{font-size:var(--postT);font-family:var(--fontBa);font-weight:900; line-height:1.4em;text-align:center}.pTtl.itm.nSpr{margin-bottom:30px} .aTtl a:hover{color:var(--linkC)} .aTtl a, .pSnpt{color:inherit; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

Klik Simpan Template. 

Sebenarnya judul bisa dibuat menjadi rata samping dan rata kanan untuk ubah CSS nya maka seperti yang ada di bawah ini. 

Rata Kanan

/* Title and Entry */
.pTtl{font-size:1.1rem;line-height:1.5em} .pTtl.sml{font-size:1rem} .pTtl.itm{font-size:var(--postT);font-family:var(--fontBa);font-weight:900; line-height:1.4em;text-align:right}.pTtl.itm.nSpr{margin-bottom:30px} .aTtl a:hover{color:var(--linkC)} .aTtl a, .pSnpt{color:inherit; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

Rata Samping

/* Title and Entry */
.pTtl{font-size:1.1rem;line-height:1.5em} .pTtl.sml{font-size:1rem} .pTtl.itm{font-size:var(--postT);font-family:var(--fontBa);font-weight:900; line-height:1.4em;text-align:justify}.pTtl.itm.nSpr{margin-bottom:30px} .aTtl a:hover{color:var(--linkC)} .aTtl a, .pSnpt{color:inherit; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

Itulah tutorial membuat judul template median ui rata tengah apabila masih bingung langsung aja tanyakan di kolom komentar yang ada di bawah ini. 

Share :