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

How to Begin Your Self-Love Journey This Year

When I originally had the idea for this piece of writing I’m about to share with you, I was in a place of transition. I didn’t know my place in the world, I didn’t know if I was worth it and I certainly didn’t feel like I could love myself. Here I am almost a year later, an example of how this works - if you choose to put it into practice. You can improve and learn to love yourself. You can take the steps that bring you into a better place.

I won’t say it was easy and I certainly won’t say I had overnight success, but when you learn to fight your battles one at a time, you’ll be able to look back and see how far you’ve come.

Are you ready to take the first step?



Self Love: Step one I have always been a timid person. I’ve always had trouble keeping the standards I have for myself something below what I deem “perfect”. I enjoy discipline and when I don’t know what to do or my world is shaken, I’m hard on myself.

That’s just who I am.

With that said, I've always felt like I was not a…

A Love Letter

To my dear, blooming Rose - Attached to this letter is not only my love, but my gratitude, thankfulness and a small box of decadent dark chocolates. I would've had flowers delivered too, but no measly plant could ever compare or express my feelings toward you.

Ahh, my dear. You are my truest bundle of joy. It does not matter what mood you are in - you light up my day in the most wonderful of ways.

Your smile makes the sun jealous. Your embrace makes me feel full. Your laughter - so thick and loud - makes me want to laugh too.

What I love most is when you are truly and purely being yourself - because that's who you're meant to be.

With much love and kisses blown with a wink,
Your Secret Admirer

PS: Maybe we could share those chocolates later, eh?


+ + +
When you need some uplifting, write yourself a love letter. Be silly and positive. Analyze yourself. Amp up your best qualities. De-sock your feet as you write and wiggle your toes as your write (then put your socks back on b…

How to Manage Your Creative Time

Being productive can be hard, especially when you have too many things on your to-do list, and have no idea where to start. As a human who likes to pack a lot of stuff into their day, I've struggled with managing my blogging time and balancing it with everything else I need to do.

Here are some tips to help you manage your time (whether it be for blogging or anything else). :)


Being productive can be hard, especially when you have too many things balanced on your plate. Most of the time, you don’t know where to start. As a human who likes to pack a lot of productivity into their day, I’ve struggled with managing my time - creatively and in the other areas of my life. The balancing act is hard, so I’ve compiled some of the tips that work best for me.


PS: There’s a link to a print out of the exercises that correspond with these tips at the bottom of this!

Figure out what needs to be done Before you can manage your time, you need to figure out what it is you want to get done. Do you w…