Home / CSS/HTML / Blogging 101: Justifying Your Text

Blogging 101: Justifying Your Text

Posted by dasfseegdse Jumat, 23 Agustus 2013 0 komentar

Happy Friday! This week's Blogging 101 article is just a quick tip on how to justify the text in your blog. There are only four ways to align text: left, right, center, and justified. Most blogs utilize left-aligned text or centered text. Justified text is a way to extend your text along the entire width of your content so that your text always ends on the same line.

Above is an example of the justified text on my blog. See how the end of the paragraph lines up? That's an example of justified text. There are a couple of ways to make your text justified.

The Easy Way

I really do not recommend this but it is the easy way. Most CMS platforms utilize WYSIWYG editors. While editing your text in Compose and not HTML mode, your editing toolbar will have a paragraph text option.

The selected option above from your text-align options is to justify your text. You can use this option but you would have to do it for every single page and the code output isn't clean.

The Recommended Way

For Blogger, you will want to go to your template menu option and select EDIT HTML. Do not be afraid! You can totally revert changes which is a good thing about Blogger's template editor.

CTRL (CMD) + F and look for .post-body
You should see some CSS code depending on your template, it could be really short or extremely long. If you already see text-align your theme may already have a text-align setting of centered or right. If not, that's ok! We're going to add it in.
On a line below add in the following code: text-align: justify; So your CSS may look like: post-body { font-size: 110%; line-height: 1.4; position: relative; text-align: justify; }
Save your changes. Your text should be nice and justified. If it isn't, you might want to check your individual posts and see if you manually aligned them as we discussed above. If so, you can edit each post that has the settings. However, try not to align your text manually in the future. It will override your CSS.

For Wordpress or any other CMS, we are doing the same. You want to find your CSS file. In Wordpress, this is usually located in your theme/appearance editor. Hopefully you are using a theme that is well documented in showing you how to find your post's text CSS class. It's usually something with .post, .content, .entry, etc. In my theme, the class is below:

Not all Wordpress themes are created equal so if you have no experience with editing WP themes, you may want to read up on your theme's documentation or ask the theme creator. They're usually very helpful in assisting users to find things to edit in code. Browsers also offer a lot of built-in code editors that make it easy to find CSS classes. Chrome's "Inspect Element" feature is an easy way to find your post's CSS div class.

So that's it! Hopefully this can help you understand justified text. Again, it's not anything you have to do. Left-aligned text is fine the way it is, but I like justified text because it's easier to read on blogs.

Feel free to leave any questions below or suggestions for next week's Blogging 101 article!

About Angel Y.

Angel Y. is a freelance graphic designer and web developer living in Orlando, FL. She co-owns a branding agency, Sevenality, with her husband. Angel is also an avid lover of all things inspirational and enjoys sharing inspiration through her blog, Static-Romance.

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Blogging 101: Justifying Your Text
Ditulis oleh dasfseegdse
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://wallpaper-decalsz.blogspot.com/2013/08/blogging-101-justifying-your-text.html. Terima kasih sudah singgah membaca artikel ini.