Thursday, May 25, 2017

Fairy Blogmother: Create Text Box in Blog Posts

As your Fairy Blogmother, I understand that Blogger programming is somewhat like your evil stepmother. The primitive Blogger system makes it extremely difficult to find your Blog Charming. Today, I will teach you how to integrate text boxes into individual Blogger blog posts. My hope is that with this tutorial you are one step closer to finding your Blog Charming.

Step 1:
Create a Blogger post like usual

Step 2:
In the left hand corner you will see "Compose" & "HTML"
Click "HTML"
(See photo below for any further clarification)

Step 3:
Copy and paste the code below:

<div style="border: solid 5px #aaaaaa;background: #FFFFFF;font-size: 16px;margin: 40px;padding: 30px;text-align: justify;">YOUR TEXT GOES HERE</div> 

Step 4:
Click "Compose" and you will see this text box in your blog post:
Step 5:
Add your text straight into the box
When you add your text, you can also play around with the font, spacing & font size.
You can even add an image into your text box.

As a bonus, here are a few more codes for different boxes.
This box is pretty and pink!
Use this code:

<div style="border: solid 9px #DB7093;background: #FFC0CB;font-size: 18px;margin: 40px;padding: 30px;text-align: justify;">YOUR TEXT GOES HERE</div>
This box is funky and new
Use this code:

<div style="border: solid 20px #D9828B;background:#81D8D0;font-size: 18px;margin: 40px;padding: 30px;text-align: justify;">YOUR TEXT GOES HERE</div>
This box is light and blue!
Use this code:

<div style="border: solid 25px #AADEFF;background: #FFFFFF;font-size: 16px;margin: 40px;padding: 30px;text-align: justify;">YOUR TEXT GOES HERE</div> 
If you would like a different text box, please let me know! I can whip up some codes to match your blog.

X           O          X          O

It'll do your blog some magic, believe it or not. 
When you put all this together and what have you got? 
Bidibi bodibi boo, an upgraded blog.

I'm sorry to say that no glass slippers are included.

Love always,

Your Fairy Blogmother

No comments:

Post a Comment