Skip to main content

How to create a Home Page (Blogger)

A few weeks back I got an email from the lovely Bryleigh, asking me how to make a homepage - something to welcome her readers and direct them toward the right path, whether it be to her services or blog posts.

For an example of a minimal homepage, go to my home url (http://www.selfknownblog.com) and take a look around. That's an example of a home page, and I'm going to show you the basics of creating one. :)



Before making any changes, please make sure you've downloaded your template to your computer. This tutorial is for those who have a fair knowledge of CSS. If you would like to create a home page, but don't want to go through the hassle of learning code, please contact me so we can discuss building a home page for your site today.

Decide What You Want

Before you can design your homepage, you'll need to have an idea of what you want it to look like. Sketching it out or coming up with a clear vision of it in your head will help create an end product that fits your needs - and looks pretty. ;)

Take 15 to 30 minutes to research and envision your new homepage. Think of the elements you want to feature (a link to your blog, your shop, your eCourse) and how you can arrange them elegantly. Looking at sites and searching Pinterest will definitely help you out in the long run.

Need help designing your homepage? Comment or email me so I can help you out!

Coding It

Now that you have an idea of what you want, it's time to take it from paper to your computer screen!

1. Go to your Blogger dashboard and choose the blog you'd like to add a homepage to.
2. Now to go Template >>> Edit HTML and find the following piece of code: ]]></b:skin>
3. Directly underneath this code, paste the following:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
/* Codes placed here will only affect everything displayed on your homepage. */</style>
<b:else/>
<style>
/* Codes placed here will affect every page EXCEPT your homepage. */
</style>
</b:if>

4. Save template before making any other changes.

Adding this code to your site will set the foundation for your homepage. You can now make the appropriate changes you've envisioned. The next steps depend on how your want your site to look, so this is about as far as I can take you (tutorial wise). Again, I am available if you want to contact me for help. :)

Here's an example to help you get a better understanding of how the code you've just added works. :)


You've placed the code in your template and saved it.


There are no changes because you haven't applied anything yet (shown above).


In this photo I've added the CSS code "#Blog1 { border: solid 5px black; }" to get the effect shown below.


Because the CSS code I added was set in the first section, all changes will only be applied to the homepage URL. So if you click on a post (see below) everything reverts back to its original styling.


See?

Need help?

If you'd like me to help you style your homepage, or give some pointers on how to do so, please feel free to contact me or schedule a chat by emailing me at: rosecolflesh@gmail.com.

Don't know if you need a homepage?

Get this FREE homepage graphic to help you figure out if you need to spend your precious time on building a homepage!

* indicates required




Thank you for visiting. <3
xx Nicole Rose

Comments

Popular posts from this blog

A to Z CSS Cheat Sheet

Alright. Maybe you're just starting out with redesigning your blog. Maybe you want to get into CSS, but don't know where to start. Or perhaps you like figuring things out on your own, but you're stuck and need a resource.
That's why I crafted this super awesome (and easy to use) A to Z CSS cheat sheet. Even if you're not a "designer", and your "just a blogger", you will greatly benefit from knowing basic CSS like what's been included below.
Please have fun with this and share with me what you create with the help of these cheat sheets! :)



Click here to check out and download the A to Z CSS Cheat Sheet!
Keep buzzin'. <3 xx Nicole Rose

So this is where I'm at.

Hi friend. How are you? I hope this post meets you well. Today I wanted to write about this little space. My corner of the Internet.

After many attempts to give it a major face lift / rebrand / vibe / mission I figured out that the girl I was in 2012 when I originally started this blog is no longer who I am.

So let's start fresh.
Hi, I'm Rosie. I am a college student and a creator of many crafts. I enjoy writing Young Adult fiction, playing piano, singing at the top of my lungs, and, above all, making other people laugh. Right now I am pursuing a degree in art therapy, which means my future job will be helping people express themselves in a safe environment with someone who loves them. I have tried to be many things on the Internet, from an American Girl doll hoarder to a make-up artist, but nothing has really clicked with me.
Not until now.
I have always been a Christian. My entire life I have identified as being a follower of Jesus Christ. But the thing about growing up in t…

Room Tour 2019

I've always wanted to do one of these posts. If not for the enjoyment of others, for the enjoyment of my future self to look back on and realize how much my style and space have changed.

My door. I think I'm sooo artsy for taping paint swatches to my door. And I actually love how it looks too. I was going for "Starry Night" with my own little twist -- and without the actual paint. ;)




This is what my room looks like from the doorway. Can you guess what the theme is? It's funny -- a few weeks ago I was discussing with Kenzie how my room has this coral and aquamarine vibe to it, yet my Instagram theme is focused on yellows and blues, and my actual fashion style is very grungy/hispter/artsy. So it all comes full circle, I guess? Still, I love my room. It's my safe haven. Now come on in so I can give you the full tour...




Right as you walk in, you will see my DIY jewelry hanging on the wall to your right. It's quite a balancing act when I want to get one of th…