Iklan

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. 

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. 

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.sudarblogger.web.id. Terima kasih.

0 Response to "Membuat Judul Artikel Rata Tengah di Median UI 1.6"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel