Tag Archives: html

How to Use Blogging to Get into Publishing

How to use Blogging to get into Publishing

How to Use Blogging to Get into Publishing

How relevant is blogging to publishing? You’d be surprised. Blogging is not a hobby you should start specifically to enter publishing, but if you have one: mention it!

Blogging is a growing hobby, and a new career choice, in the 21st century. Having a blog gives people a platform to discuss what they want and voice their own opinions. But it also gives you the opportunity to work with others across multiple fields of industry. Not to mention develops skills in your own time which can help you in the long-run.

If you’re just starting out and are looking for an entry-level role within publishing, blogging is a great skill to have! So long as you have some work experience to back it up, blogging can tip the balance on whether or not you get an interview or even a job!

There are many different types of blogs, and all can help you gain many skills, from Coding, Design, Marketing, networking and more! But within the Publishing industry specifically book blogging is a very relevant skill!

Book blogging, or booktubing (video blogging), gives you the chance to voice your opinions about books and the latest book trends. A book blogger can write reviews, top ten lists, trend-reviews and more and each of these topics has some relevance to publishing. If you’re an established book blogger you may even work with publishers; taking part in blog tours, hosting giveaways and Q&As and attending book events.

Through communicating with publishers through these events, and voicing your own opinions, shows a potential employee that you understand the industry. You can see trends, converse with professionals and work to deadlines in a creative and independent manner.

This is relevant to all sectors, be it Trade or B2B, and all roles from IT, Editorial, Publicity and more!

It also shows an interest outside of work, which suggests to a future employer that you are a reliable candidate with a keen sense of the publishing industry.

Whether you’re a book blogger or not; blogging is skill to add to your CV!

Here some things you can highlight to show how blogging is useful to you:

  • Commitment: The longer you’ve been blogging the better. This shows commitment and creative thinking, and also proves that you can work well independently.
  • Networking: If you’ve worked with brands or publishers mention it on your CV. Not only does it prove your communicational skills, but also shows an understanding of the industries you mention. This is particularly good if the brands are relevant to the job you’re applying for.
  • Social Media and SEO abilities: Have you got 1000 twitter followers because of your blog publicity? Mention it! Do you understand SEO? Mention it!
  • Coding: If you’ve altered your HTML yourself or have learnt about it then put that down as a skill. For more information about HTML and how to do it, look at our series of posts here!
  •  Design: Did you design your blog, or make your own graphics/headers? Have you got original artwork or worked with others to create artwork? Put it on your CV.

There are so many relevant and useful skills which can be a real pull to employers when looking at CV.

Make sure you have other work experience to back up your blog experiences, but also be sure to highlight the skills you have learnt through blogging! It could mean the difference between getting a job interview and getting a job when you’re first starting out!

Need any more tips about how to enter publishing? Take a look at our Work Experience & Entry-Level Resources!

For more advice, or if you have any questions, get in touch via any of our social media: Twitter, Facebook, LinkedIn, YouTube or Instagram.

Leave a Comment

Filed under Advice

Good HTML etiquette – the accessible link

Still with me for Part Three? Huzzah. Hopefully, you have all had a little bit of a practice with everything we’ve talked about so far.

Part One – why HTML?
Part Two – the building blocks of HTML

With the basics hopefully making sense, it’s time to get a little bit more sophisticated. But not too sophisticated, so don’t worry. Some of what I am going to talk about relates to accessibility, some of it is because that is just the way computers work and it would take far too long to explain. Just accept that this is the way it should be done!

Firstly, accessibility and why you should worry about it:
Accessibility is about making your website (and content) accessible to all users, regardless of ability, and regardless of what browsing technology they’re using. You need to keep in mind that not everyone views the Web in the same way that you do. They might have a desktop with a huge screen, or an old one with a tiny monitor, a laptop, an iPad, a mobile device, a TV… They might be blind or partially sighted, or their mouse might be broken, or they are stuck on a dial-up (or dodgy mobile) signal that is sloooooooooooooooooow to load. They might even be a screen-reader, or a text-only browser such as Lynx.

By making your website accessible you are opening it up to a much wider potential audience. Making something accessible for humans also has the side effect of making it more accessible for search engines (SEO). Which is just good sense.

The first thing you can do to improve the accessibility of your content is making accessible links.

An “accessible link” is simply a link that imparts as much information to as many users as possible. It enables the reader to preview the link, making an informed decision about whether to follow it or not, and helps to differentiate between links that may share link text but refer to different targets.

A quick reminder what a link looks like:
<a href=”URL” title=”DESCRIPTION”>link text</a>

The “accessible” bit is the title=”” part, and is called the title attribute.

This title attribute enables the reader to preview the link. This in turn allows users to more accurately guess where the link will take them, and make a more informed decision about whether or not they should follow it. Roll your mouse over this example link and you will see what I mean. The text that appears by your mouse cursor is the preview.
Example link

To code it, I typed <a href="http://www.google.com" title="this is a link to Google">Example link</a>

The title attribute can be any text you want, though to make it as accessible as possible, follow these simple rules:

  1. It should say something about the destination of the link.
  2. It needs to be between 3 and 80 characters long. A single sentence is normally sufficient.

If you are using the handy code buttons in the WordPress editor, the title attribute is controlled by the Title box in the pop-up. Another note on the link editor in WordPress – be very cautious about ticking the “open in a new window” box… It is bad web etiquette. Like in Jurassic Park, just because you can clone a T-Rex, it doesn’t mean you should. To be serious, you are taking control of the browsing experience away from the user and that is frowned upon in polite circles.

Next time, it will be accessible images… Exciting!

1 Comment

Filed under Advice

The building blocks of HTML

So after reading part one we have decided to give this HTML thing a go. What next?

First, we need to learn a little bit of new terminology, and I am going back to complete basics here.

What is HTML? It stands for Hyper Text Markup Language, and is a language for describing web pages. It is the code that controls everything.

  • HTML is a markup language, because you “mark up” the content
  • A markup language is a set of markup tags
  • The tags describe document content
  • HTML documents (web pages) contain HTML tags and plain text

The most important thing to grasp here is the idea of a TAG.

  • HTML tags are keywords (tag names) surrounded by angle brackets like <strong>
  • HTML tags normally come in pairs like <strong> and </strong>
  • The first tag in a pair is the start tag, the second tag is the end tag
  • The end tag is written like the start tag, with a forward slash before the tag name
  • Start and end tags are also called opening tags and closing tags

This : <strong>bold text</strong> displays like this: bold text.

There are a gazillion different tags you can use, but the most important ones for a blogger are:

<strong> </strong> – makes things BOLD
<em> </em> – makes things ITALIC
<blockquote> </blockquote> – styles things into a quote
<ul> </ul> (used with <li>) – make a bullet pointed list
<ol> </ol> (used with <li>) – makes a numbered list
<li> </li> – is the LIST ITEM (used with <ul> or <ol>)
<a href=””> </a> – makes something a link
<img src=”” /> – adds an image
<p> – creates a paragraph (if you are using WordPress you won’t need to use this, as even when you using the text editor it automatically puts in new paragraphs for you).

(I’ll talk about why in Part Three, but don’t be tempted to use B for bold or I for italic. It’s very naughty).

Tags always come in pairs. The exceptions you need to know are the <img> tag and the <a href=””> tag, because what would life be like if it was ALL straight forward? I’ll illustrate how they are different in a little bit. (Technically it is because they have attributes, but that’s getting a bit too complex for me).

So you have some text you want to make look bold. What do you do?

  1. Make sure your editor is set to “TEXT” view. Mine looks a little like this, but yours will vary depending on browser, computer, the blogging software…
  2. Type your content. La la la la la…
  3. Decide what you want to make bold (I think the third “la” will do nicely)
  4. Put <strong> in front of the word you want bold
  5. Put </strong> after the word you want bold
    (It should look something like this: la la <strong>la</strong> la la…)
  6. Press preview or publish. Whatever floats your boat and fits in with your workflow
  7. Um, there is no step seven. Told you it was easy.

You do exactly the same for any other tag you want to use.

Making a link:
As I mentioned earlier, links are a little bit more complicated, but not much. They look like this:
<a href=”URL” title=”DESCRIPTION”>link text</a>
And they break down into several sections.

  1. the tag itself <a></a>
  2. the link address, or URL, controlled by the href=”” part
  3. a word description of the link, controlled by the title=”” part
  4. how you want the link to display in your content (link text)

If I wanted to link to Google, I would type:
<a href="http://www.google.com" title="google.com">this is a link to Google</a>
And it would display like: this is a link to Google

Inserting an image:
Image tags look like this
<img src=”URL” alt=”DESCRIPTION” />
Like a link, they also come in several parts, but this time it is just one tag, not a pair.

  1. the tag itself <img />
  2. the address of where the image is saved, controlled by the src=”” part
  3. a word description of the image, controlled by the alt=”” part
  4. note the / inside the tag, to close it as there is no separate closing tag

Now with images I will not be too upset if you use the built in image uploader as the WordPress one in particular is quite handy. But always check the code it gives you so you know it isn’t aligning oddly, or linking somewhere strange.

And to get really crazy? Try making a image into a hyperlink… It’s possible because you can NEST tags. This is the code you need – does it make sense?
<a href=”URL” title=”DESCRIPTION”> <img src=”URL” alt=”DESCRIPTION” /> </a>

The last bit I want to discuss in a bit more detail in this post is the List. I have used both bullet point lists and numbered lists in this post. They are great ways to, well, make lists. Put each list item between a <li></li> and top/tail the block of <li></li> with <ul> and </ul>, and there you have it.
<ul>
<li></li>
<li></li>
<li></li>
</ul>

Want to practice or learn some more? Go to the W3Schools course and work your way through. It is quick, easy, and has handy “try it yourself” sections.

Go. Play. And when I come back with Part three we will go through HTML etiquette and accessibility and oodles of other fun stuff. Promise*

* For a given value of “fun”.

2 Comments

Filed under Advice

HTML for blogging and normal people

This is going to be a multi-part series, which will be updated over the next couple of days.

  1. Part one: Why bother with HTML at all?
  2. Part two: The building blocks of HTML
  3. Part three: Good HTML etiquette (the accessible link)

This series isn’t intended to be an in depth course all about HTML and markup langages and how to build websites because there are plenty of resources that can do that far better than I can – W3 Schools is one really good place.

Rather, what I do want to do is try and dispel some of the mystery and fear that surrounds HTML, because knowing a little can be really useful and once you know a little, you will hopefully feel more confident and who knows where that could lead? Understanding HTML will make learning/understanding XML so much easier, which in turn will open the wide open vistas of ePub and apps and codes and games and… Oh, the possibilities are endless. Trust me. I am a computer geek.

Above all, I want you to remember this golden rule: IT IS ACTUALLY REALLY PRETTY HARD TO BREAK COMPUTERS AND SOFTWARE THESE DAYS. So play. What is the worst that can happen?

(Caveat – if you are planning on tinkering with a live website, ALWAYS make a copy of what was there before you started tweaking. Things can happen to the best of us).

———-
Part one: Why bother with HTML at all?

Most blogs run using platform such as WordPress (what we use here), Blogger, Drupal, or maybe your company has their own CMS. When you write new content, you are most likely using a WYSIWYG editor, which stands for “What You See Is What You Get”. Often it is referred to as the “Visual Editor”. Microsoft Word could be described as a WYSIWYG, or Visual editor: if you want to make a word bold, you highlight it and press the “B” button and it becomes bold. Simple. This is a little screen shot of what the visual editor looks like in WordPress. It does the magic of coding for you, so all you have to worry about is writing your blog post.

So, I hear you ask, if your blogging platform has a visual editor, why need to bother with HTML?

Well, have you ever copied and pasted text from one word document to another, and the formating Just. Won’t. Behave.?

That is probably due to unseen codes causing problems. The same thing can happen on websites. This is because every visual editor codes things just a little bit differently. Added to that, every type of web browser (IE, Crome, Firefox, Safari etc) displays HTML a little bit differently. Some are more forgiving than others -they make a best guess at what you meant – but sometimes things can get a little bit jumbled.

Also, sometimes you want to do a little bit more than the standard editor can cope with, controlling things a little bit more precisely. (I will go into more depth about this and accessibility in Part Three). You need to think of HTML as the grammar, spelling, and punctuation of blogging. And we’re all in publishing here, so shouldn’t we care about the grammar and spelling?

When you get a flat tire, you could call the AA – but isn’t it easier (and cheaper) just to change it yourself?

As I have run out of analogies, hopefully I have persuaded you all to at least look at the HTML version of the editor. So let’s move onto the basics in Part Two

3 Comments

Filed under Advice