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)
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:
YOUR TEXT GOES HERE
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>
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