Membuat Text Responsive di Blog

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{ 

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

Rekomendasi:

  • Baca Novel : Ancika, Dia yang Bersamaku Tahun 1995 - Pidi… Prolog Kisah yang akan saya bagikan ini dimulai dari masa remaja saya, 24 tahun yang lalu. Ini bukan cerita yang luar biasa, tapi merupakan kisah nyata tentang saya, yang saya…
  • Helen dan Sukanta - Pidi Baiq BAB I. Lacheden Javaan 1 Bulan Juni 2001 itu, saya merasa sangat senang bertemu dengan Nyonya Helen di restaurant Lachende Javaan, yaitu sebuah restaurant Indonesia yang cukup populer di Haarlem,…
  • Manuskrip Amsterdam - Pidi Baiq Cerita ini saya repost dari blog Pidi Baiq, selamat membaca... *** I DE DAMPKRING 1 Langit warna abu-abu dan rendah, tetapi belum hujan. Itu bulan Mei yang khas di tahun…
  • Menambahkan Advanced Social Widget pada Sidebar Blogger Jika sobat berkunjung ke maxmanroe.com pada bagian bawah sebelah kanan ada widget subscribe. Widget tersebut sangat komplit karena selain subscribe email, informasi yang ditampikan juga berupa jumlah followers twitter, page…
  • Menambahkan Slideshow Manual Responsive pada Blog Terbaru Pada tutorial kali ini saya akan menginformasikan bagaimana cara menambahkan slideshow manual responsive pada blog. Itung-itung sudah terlalu lama saya tidak membahas tentang tutorial blogger. Penggunaan slideshow bersifat optional, bisa…
  • Sejarah Berdirinya Persatuan Islam (PERSIS) Persatuan Islam (Persis) berdiri pada permulaan tahun 1920-an, tepatnya tanggal 12 September 1923 di Bandung. Idenya bermula dari seorang alumnus Dâr al-‘Ulûm Mekkah bernama H. Zamzam yang sejak tahun 1910-1912…
  • Daftar Lengkap Buku dan Novel Pidi Baiq Pidi Baiq adalah seorang seniman yang punya banyak kelebihan. Selain sebagai seorang musisi dan pencipta lagu, ia juga seorang penulis, ilustrator, pengajar dan komikus. Pidi Baiq mengaku imigran dari surga…
  • 3 Cara Mengembalikan Kolom Komentar Blogger yang Hilang Kolom komentar menghilang di Blog? Tidak ada kolom komentar di blog, kemana dia pergi? Pada postingan kali ini saya akan menginformasikan bagaimana cara memunculkan kolom komentar yang hilang di blog,…
  • Membuat Headline Breaking News Responsive di Blog Cara membuat breaking news responsive berjalan di blog seperti yang terlihat pada gambar bisa sobat buat dengan mudah. Dengan adanya headline maka blog kita akan terlihat seperti cuplikan berita berjala…
  • 9+ Simbol Illuminati dan Maknanya Simbol-simbol illuminati dan artinya? Menurut Wikipedia Illuminati (bentuk plural dari bahasa Latin illuminatus, "tercerahkan") adalah nama yang diberikan kepada beberapa kelompok, baik yang nyata (historis) maupun fiktif. Secara historis, nama…

Leave a Comment