Tutorials, Tips, and Resources

for Creating a Better Blog



HTML Tutorials


The Ultimate HTML Cheat Sheet For Beginners

Below is a complete guide of HTML codes that you can copy and paste for use on your own blog or website. Although I like to insist on bloggers taking the time to learn how to write these codes and know what each part of them does, sometimes you need a code in a pinch! Be sure to view the other tutorials on this site for more in-depth demonstrations and…


How To Use Custom Fonts in Blogger or WordPress

The idea of adding custom fonts to your blog has definitely come a long way over the years. Back when I started creating websites, you could pretty much only use standard computer fonts like Arial, Verdana, or Times New Roman. The font had to be one that was available (by default) on every computer. If you were to add a font to your CSS/HTML that you had installed to your…


Learn How To Code HTML… and Have Fun!

When you’re managing a blog or a website, knowing the basics of HTML, CSS or even Javascript can be a crucial skill to have. Even if you don’t plan on building your own site from the ground up, common things like creating linked images, or creating stylized text, are important to know. In the HTML/CSS lessons on this website, I’ve always encouraged you to physically type out the codes and…


How To Make A Blog Button With HTML Grab Code

It’s been a while since I answered a reader question, so I thought I would take this opportunity to knock one out! Diana asked: “Can you make a tutorial on how to make a blog button with a grab box code? I’ve been having trouble with this.” Sure! Blog buttons, or copy and paste banners, have been popular in the blogging world and are actually fairly easy to do. I…


CSS Lesson 2: DIV Positioning

Now that you’ve read through my Introduction to CSS and Lesson 1: DIV Elements, you should have a basic understanding of the way the <div> element works. In this tutorial, I’m going to teach you all about <div> positioning which will help with creating certain website elements, like a floating menu bar. Static Positioning Example: #nav {position: static;} Where #nav is your ID selector. Static positioning simply means that the…


Why Not To Use Image Maps

Today I wanted to touch on something that should help to better your blog coding knowledge and hopefully distract you from making some common mistakes of using image maps for your navigation menus. It seems to be pretty common practice, especially with Blogger users, to use image maps in their header navigation. There are so many other proper ways to create a menu that doing things the image map way…


CSS Lesson 1: DIV Elements

I get asked quite frequently how to create certain blog features… such as floating navigation buttons that stay in place as you scroll down the page.  I haven’t yet created any tutorials for this sort of thing because I really want to walk you through the basics before you go searching for a code to copy and paste into your site. Copying and pasting a code is a quick and…


Introduction to CSS for Beginners

A CSS (cascading style sheet) can be a lifesaver once you learn how to master the code. It is a coding type that lets you style elements of your HTML pages by applying classes to it. To put it as simply as possible, HTML creates the pages and content, and CSS takes care of the presentation of those pages and determines how things are displayed or look. When I was…


HTML: The Very Basics

I know that we all have to start somewhere and there are many website owners and bloggers who don’t have a clue about basic HTML codes. This post was created as a reference guide for those that are eager to learn. Throughout the teachings on this website, I always recommend that you physically type the codes out instead of simply copying and pasting them. To get started, let’s start with…


Navigate