Styling Your Text Blocks: Fun with CSS

If you’re a homeschooler, but not a blogger, I’ll save you some time and let you know you can skip this post. We normally focus our posts on encouraging homeschoolers. Since we host the Homeschool Blog Awards, I thought it would be fun to throw a post out just for the great homeschool bloggers.

Styling Your Text Blocks

You don’t need to know complicated code, or mess with your template, to make your posts POP!

One way to make your posts stand out is to use styled text blocks.

Blockquotes are one example of stylized text blocks. The style is declared in the external stylesheet.css file located with our theme.

But you don’t have to alter that file just to make some text stand out! You can use inline CSS as your writing your post – ON THE FLY!

Step One

First you need to identify the text you want highlighted. Is it a whole paragraph or just a small snippet (like a quote)?

Click over to your text only tab (or HTML tab), so you’re looking at the code behind your post, instead of the WYSIWYG version.

Find your text and wrap it in <div></div> tags. That means put <div> before your text, and </div> after your text.

Now that you’ve set your text apart, made it special by giving it a div of its own, it’s time to style it!

Step Two

There are five main attributes you will probably want to style.

  • Font Color – color: #00cc00;
  • Font Size – (pixels, em, or %) font-size: 125%;
  • Background –  (you can even use images!) background: #ffcc00;
  • Border – (size, solid/dashed/dotted, color) border: 2px dashed #ff9933;
  • Size – width & height – width: 300px; height: auto;

CSS lets you customize just about everything. These are just five of the most styled attributes.

Each attribute needs to be listed with a colon, followed by the style you want, ending with a semicolon. List them all out like this:

<div style=”color: #00cc00; font-size: 125%; background: #ffcc00; border: 2px dashed #ff9933; width: 300px; height: auto;”>This is my special text. I want to make it really stand out! </div>

It should appear like this, once you click back to visual:

This is my special text. I want to make it really stand out!

I know I picked some pretty rowdy colors, but I think they make my point! VisiBone has an easy HTML color code chart to help you pick what code to use.

Inline CSS styling is a quick and easy way to add some pizazz to your posts!


Want to know more about CSS?

I learned most of what I know from W3 Schools and my daughter has taken some free courses at Codecademy.

Want to know {almost} everything you need to know about blogging? Check out iBlog and iBlog Pro! I wrote the chapters on Researching with Evernote (iBlog) and Basic CSS (iBlog Pro).

From now until April 20th, you can get BOTH iBlog and iBlog Pro for only $11.99!

iBlog-Bundle-Sale

Some of the things you’ll learn with these two amazing eBooks include:

  • How do I take better photos for my blog?
  • What is the secret to balancing motherhood and marriage with blogging?
  • What is the best way to write a product review?
  • What is an elevator pitch and why do I need one?
  • How can I make the most of SEO (search engine optimization)?
  • How can I get traffic to my blog and get visitors to subscribe?
  • Are link-ups really worth the effort? And where do I find them?
  • What is a media kit and how do I create one?
  • Is guest posting important?
  • How do you hold a Facebook party or Facebook hop?
  • What are the insider secrets to using Twitter, Pinterest, and Facebook?
  • How can I sell my own products or give away freebies on my blog?
  • Can I really earn money from affiliate programs?
Lisa Baldwin (59 Posts)

Disciple of Christ, Wife, Mother of Four, Homeschooler, Crafter, Designer (Graphics and CSS/HTML), Blogger. I share too much, laugh at the wrong things, and fall on my backside regularly. Thank goodness Jesus ignores all of that and loves me anyway.


A Word From Our Sponsors

The 2014 Confident Mom Weekly Household Planner
***Share the meaning of Easter with your children with A Sense of the Resurrection: an Easter Experience for Families.***
***Bring Master Art Teacher TOS/HEF columnist Pat Knepley into your home! Year’s curriculum. Step-by-step lessons. Biblical integration. www.seethelightshine.com***

Content Poll: How Much is Too Much?

We don’t want to overwhelm you with too many updates, so we’re asking YOU – “How much content do you want to see?”

How many posts do you prefer to see each week?

  • ***
  • ***
  • ***
  • ***

View Results

Loading ... Loading ...

A Word From Our Sponsors

The 2014 Confident Mom Weekly Household Planner
***Bring Master Art Teacher TOS/HEF columnist Pat Knepley into your home! Year’s curriculum. Step-by-step lessons. Biblical integration. www.seethelightshine.com***
***Share the meaning of Easter with your children with A Sense of the Resurrection: an Easter Experience for Families.***

5 Reasons You Should Write a Homeschool Blog

With the Homeschool Blog Awards season in full swing here, it seems appropriate to visit the topic of blogging.  Since you’re reading here, you already know the purpose behind homeschool blogs.  They can entertain, inform, encourage, and inspire.  We’re glad you stop by The Homeschool Post for a healthy dose of all of those things.

But why should you personally start your own blog?  You might feel that the blogosphere is already a very big place and you have nothing to contribute.  It’s true there are many blogs out there, but it’s not true that you don’t have your own personal contribution to make.  I have found new blogs to read and enjoy every year through the HSBA Awards.  Each blogger brings their own unique perspective to the topic of homeschooling.

homeschool blogging @hsbapost @destinyblogger
Here are 5 good reasons why you should start blogging about your homeschool experience (or continue blogging when you feel discouraged):
  1. It’s free!  You have nothing to lose by starting a blog on Blogger, WordPress, Tumblr, or other free blogging platform.  The design doesn’t have to be fancy.  You can get started immediately, too.
  2. Accountability and record keeping.  For those who live in regulated states, a blog can help keep track of those projects you might forget when filling out your paperwork.  It can provide a timeline of learning and help you assemble a portfolio for review.  If you’re like me and get easily distracted by the urgent to-do lists, it also keeps you accountable to actually finish some projects that get put aside from time to time.
  3. It can become a family keepsake, like a homeschool yearbook.  Having a blog can help you remember to take more pictures, get them uploaded, and put them together in an online/digital yearbook format for your kids.  The archive is automatically kept for you through the years and can be really fun to look back through.  There are also options to actually print your blog in book format if you choose.
  4. Blogging provides a way to actively participate in the online homeschool community, especially for those who don’t have local options available to them.  There are groups on Facebook, blog hops, , carnivals, curriculum reviews, and more to provide interaction with fellow homeschoolers.  We can all learn from each other!
  5. Validation.  Ever feel alone in your homeschool journey?  Overwhelmed by all the pressures and expectations as wife, mom, teacher, housekeeper, cook, and so on?  Blogging about it and reading about on other blogs can help put things in perspective and make you feel less alone.  When someone leaves a blog comment to let you know you struck a chord with them or they like your ideas and are going to try them in their homeschool, it’s often like a virtual hug or high-five.  That’s not something homeschool moms get on a regular basis for doing what we do.

Do any of these reasons resonate with you?  Have you nominated your favorite blogs for the Awards this year?  If you start a blog today, it could be your own name on the list next year!

Still not sure how or where to begin?  There are popular and affordable online courses offered by Blogelina and Momcomm to get you started.  You can also read e-books like Simple Blogging, Blog at Home Mom, and iBlog for tips and tricks.  Blog on, mama!

 

Sara (15 Posts)

I'm a reader, writer, dreamer, wife, and homeschooling mom of 3 girls. We take a relaxed, eclectic, Charlotte Mason-leaning, Montessori-ish, literature-rich, delight-directed, almost unschooling-at-times approach to learning. Lots of unit studies, field trips, and lapbooks, too. I like to blog about our learning adventures (plus faith and encouragement) at Embracing Destiny.


A Word From Our Sponsors

The 2014 Confident Mom Weekly Household Planner
***Share the meaning of Easter with your children with A Sense of the Resurrection: an Easter Experience for Families.***
***Bring Master Art Teacher TOS/HEF columnist Pat Knepley into your home! Year’s curriculum. Step-by-step lessons. Biblical integration. www.seethelightshine.com***