Membuat Text Responsive di Blog

advertisement
Jika sobat mengalami permasalahan tulisan pada postingan yang keluar dari garis tepi postingan, biasanya kejadian tulisan yang keluar dari garis seperti itu terjadi pada kolom komentar dalam versi mobile (hp)

Bisa juga ketika ada URL didalam postingan, biasanya URL tersebut memotong garis tepi yang tidak enak dipandang, caranya sangat mudah, sobat hanya perlu menambahkan kode css. Langsung saja berikut tutorialnya

Pertama kali yang sobat harus lakukan adalah

1. Login ke akun Blogger
2. Masuk ke Template → Edit HTML
3. Copy kode CSS ini pada class body{

Membuat Text responsive di Blog

word-wrap:break-word;

Contoh : Kode CSS di bagian body

body {
background-image: #fff;
color: #2D3E50;
font-family: Open Sans, serif!important;
font-size: 13px;
margin: 0px;
padding: 0px;
}

Setelah ditambahkan kode tersebut

body {
background-image: #fff;
color: #2D3E50;
font-family: Open Sans, serif!important;
word-wrap:break-word;
font-size: 13px;
margin: 0px;
padding: 0px;
}

Dengan kode css tersebut, tulisan yang tadinya melewati garis akan terpotong sesuai spasi dan kelebihan tulisan akan berada dibawahnya. Kode tersebut bisa juga sobat tambahkan hanya pada class yang bermasalah.



Sekian cara bagaimana membuat text agar tidak keluar garis dan sehingga semua text (tulisan) menjadi responsive di blog, semoga bermanfaat

Salam,
Admin
advertisement
SHARE ON :

Artikel Terkait

Membuat Text Responsive di Blog
4/ 5
Oleh

Subsribe

Masukkan alamat email Sobat untuk berlangganan blog ini dan menerima pemberitahuan pesan baru melalui email.

Load comments