Tutorials, Tips, and Resources

for Creating a Better Blog



CSS Tutorials

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 3: Creating Fixed Headers and Social Icons

Hey friends! Today I wanted to finally cover something that I am asked probably five times a week. I’m going to explain how to create a fixed image or social network icons. In other words, an image or icons that stay put on a website even when you scroll. The social network icons on my other blog are an example of this. I didn’t dive into this right away because…


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…


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…


Navigate