One of the best things about blogging on WordPress.com is that, within moments of signing up, you can get a site up and running without any website building experience. No prior knowledge required.
However, you may have heard the phrase that “scripting is the new literacy.” Since I work in support on WordPress.com, one of the more common questions that I see asked is, “I published a post, and now my sidebar is at the bottom of the page. What happened?” Usually, these types of layout issues are caused by improperly formatted HTML within a recently published post. It can be tricky to locate the culprit, especially if you don’t have much experience with HTML.
If you haven’t heard of HTML or CSS before, here’s the run down: HTML is a markup language that essentially tells your internet browser how to display your webpage. This includes formatting the text on your page to inserting images. CSS is a styling language that allows you to change the look of your HTML. For example, with CSS, you can tell the internet browser to display all items marked in italics in the color blue and center-aligned. It also allows you to do more fancy formatting with your site, including laying out your actual webpage with sidebars, footers, and so on.
With the Visual Editor, you don’t need to know any of this to publish a nice looking post. However, I find that being able to modify the appearance of my site is one of the more fun aspects of blogging. Additionally, if you write poetry or are trying to emphasize a particular section of your post, it can be nice to learn how to introduce some additional formatting. (This is usually done by what’s known as “in-line” CSS, which means the your CSS code is written directly into the HTML editor.)
Some of the resources below offer excellent tutorials, ranging from basic to advanced, on HTML and CSS. While they may not have a direct impact on your writing practice, as online writers it’s beneficial to know what’s going on behind the scenes of your posts — this way, as you want to play with the appearance of your online presence or, of course, if anything breaks, you’re completely prepared to take on the job.
- W3Schools’ HTML tutorial and CSS tutorial
- HTML Dog
- Girl Develop It class materials
- CSS Basics
- CSS Tricks (advanced)
Currently blogless? You’re a click away from sharing your story.
Create your blog at WordPress.com
This was very nice, and so sweet of you to offer all this information.
If only I had any idea what on earth you just said . . .
LikeLike
Thank you for sharing this great information. 🙂
LikeLike
I love the way you post these little tid-bits of information a little at a time. Absorbing the knowledge is not so overwhelming presented as such. Thank you. Some of us are still feeling our way through the computer lingo and every little bit helps. 😉
LikeLike
Too much can definitely be overwhelming! I’m glad to hear you find these helpful 🙂
LikeLike
Very much so. Thank you for taking the time to post.
LikeLike
Thanks for the links. Are there any help pages specific to WordPress and the HTML allowed there? For example. I have tried to insert a but it never seems to stick. Is this just not allowed?
I also tried to tab something over and it ends up with a vertical gray line beside it.
LikeLike
This page
will let you know what HTML tags are allowed on WordPress.com. I’d be happy to take a look at the specific code you’re trying to insert to see what may be going wrong!
LikeLike
Thanks, Erica. I’m not trying to do anything at the moment, but will keep your offer in mind if I have a problem in the future.
LikeLike
Thanks for posting about this. I definitely need to read up on HTML!
LikeLike
Things are changing at a faster rate than ever. Part of the fun!
LikeLike
Thank you Erkia! Do these posts also apply to wordpress.org?
LikeLike
Thank you for sharing this info. As I go grow with my blog, I’m excited about becoming more tech savvy.
LikeLike
And what means “IDK”? I also miss the terms “Open Source” and “MM”. “Open Source” is the programming-code which WordPress is using and which is the secret behind all the compatibility-problems with simple “Word”-formatting and the IE9 , and “MM” is Matt Mullenweg whose permanently changing ideas could give one the impression of being his laboratory-rat.
LikeLike
Great post! Thanks for the resources. It’s never that simple trying to find great sources to help you understand code.
LikeLike
Thank you Erica, for this post. I am not a total beginner when it comes to html or css but was not aware of the fact that I could implement them in my blog. Perhaps I can do some experimenting on my next article. Also great that you’ve summed up some useful links. There is always more to learn!
LikeLike
Thank you all, I’m overwhelmed at so much to learn, after reading your comments I don’t feel so alone.
Here’s to creating new neurons♥
LikeLike
Thank you for the tips!
LikeLike
Thanks helps heaps from a total newbie!
LikeLike
Reblogged this on Cheryl Andrews and commented:
I hope this is as straight forward as it sounds. If so, excellent resource!
LikeLike
Reblogged this on Drusillah's Musings and commented:
CSS is cool 🙂 I hadn’t considered editing the look of my posts before!
LikeLike
Reblogged this on stv24news and commented:
onlinetvchannel
LikeLike
Reblogged this on Colby is Mega.
LikeLike
Thank you very much for your sharing.
LikeLike
Thank you for the post, Erica. You’re talkin’ ’bout exactly what I want to learn – the reason I started a blog. It’s giving me a kickstart!
LikeLike
Thank you for sharing! Im well on my way to research how im going to make this blog come alive!
LikeLike
I’m lucky for enjoying places as WordPress for blogging beacuse of my ignorance about of HTML pages technology and things so. Thanks, WordPress…
IVÁN
Reiki Therapist
http://www.reikiterapiavigo.wordpress.com
LikeLike
One thing that I often recommend to people whose HTML breaks, is downloading the free program Notepad++ and using it to check that all tags that should have them, have mates. It’s so much easier to find orphan HTML tags when the software color-codes things for you!
LikeLike
Thanks for sharing these tips!
LikeLike