Let me start by saying I am not a pro on the matter, but I do know a bit of html and there is little that annoys me more than what I call “messed-up html code”. I am sure there is a real name for it, but it’s basically a html code full of crap because the posts was originally created in word document. Every time I receive a pre-made html code from a tour organizer or author I am hopefull it will be nice html code and then I open it and flinch. And this happens every time. Okay that’s not true I think there are a few times I actually got a nice and neat html code, but those are the exceptions.
To show you what I mean, take a look at this, this is the html code for a blogger blog for a cover and blurb of a book:
are working together to uncover the Corvus’ secrets, they’re confident nothing
can stop them.
learned to anticipate dark, outside forces gunning for them, neither is
prepared for the insidious evil that slithers its way into their lives, nor the
new challenges that surface so close to home.
and turmoil around them, the one constant they can depend on is their devotion
and loyalty to each other. But as their relationship moves into deeper
territory, sometimes the toughest battles are the ones waged within.
answers unravels more layers in the Corvus world, Ethan and Nara uncover new
truths about themselves and their intricate connection to the powerful raven
will be forced to make choices that could bring them closer together or rip
them apart forever.
It contains a lot of unnessecary information and it looks ugly.
And now let’s take a look at how a neat html code of the same piece would look like, I removed all the unnessecary information:
If you look at this code you see it’s much shorter and doesn’t contain any unnessecary information that clutters up your code. And even without any html knowledge you can still have an idea what the code is about.
So why does this happen? Well basically the problem is when you have a nice little media kit in a word document and you copy and paste that to your blog. The word document contains information like the font and font size and lots of other stuff concerning the layout and such and puts that in your html code. All this extra code doesn’t show up in the actual text, but it still clutters your html code. And your html code should only contain content, the font and such is all done is CSS and you don’t need to do this again in every html post.
I think messed-up htm codes look ugly and it just really annoys me, but I’ve heard that it’s also bad for search engines crawlers and the like. So having a neat html code is preferable.
One of the easiest ways to send someone a premade html code for a post is to simply make the post on your own blog and then copy the html code of the whole post and then e-mail that code to the other person(s) who needs it. This works, but if you made your own post the wrong way you still end up with a messed-up code. If you make your own post the right way, you can just copy and paste.
Now let me explain how to make sure you make a neat html code, when you start with all the information in a word document:
1. Have all the information you need for your post in a word document
2. Copy that information in a word processing programm like Notepad ++.
3. add some code like blockquotes, links, strong, page breaks, headers etc where you want it to. If you want to know how to use these and how the code for these looks like, check out a site like W3 Schools.
4. copy and paste the html code you just made in your html part of your blog and then you have a nice and clean html code and your post shows up exactly right.
5. upload the pictures or graphics you want to use in your post and position them right and then your blog post or pre-made html code should be done.
Tip: if you want to include graphics in your premade html code, just upload the graphic to your own blog, then check out the html code for that image and copy and paste that in your pre-made html code. Or you can upload your images to an external site and use that html code for your pre-made html post.
I always make my own html posts in Notepad first and then copy and paste them to my blog. I also make my own pre-made html posts for tours I organize with Lola’s Blog Tours and I take great care to make sure they are neat and working. And I always make them for both blogger and wordpress blogs. If you ever find a mistake in my pre-made html codes I send, please let me know.
And this is why if you ever send me a premade html code I’ll ask for the materials seperately so I can make my own post. Because changing a messed up code into a neat code is more effort then just making the neat post myself.
So I hope this posts was helpfull to you, whether you are a blogger, author or tour host organizer. Do remember that I am not a pro on the matter and this is how I make my html codes, I am sure there are lots of other ways to do right. And please spread the word if you think more people should know about this!
And if you have any questions, don’t hesitate to ask them!