Wednesday, February 5, 2014

Creating a Custom Wedding Website Using Blogger: Part 2

This is a continuation of a series, if you missed the first post about creating a custom wedding website using Blogger, check it out here.

The rest of the tutorial is after the cut so people who aren't interested won't have to gouge their eyes out as they scroll past my screen prints!

Doeblerghini Bunch:  Whatever Loser, Kelly from The Office




So when we last met, we created a landing page and edited some settings so that the post you created is the only one people will see when they go to your wedding website.

Once you post your landing page, you’ll automatically be returned to the starting page.  Click the Pages link.

Doeblerghini Bunch:  Custom Wedding Website - Pages



Click New Page and then select New Blank Page. 

Doeblerghini Bunch:  Custom Wedding Website - Pages




Type out your page just like you did with your first post/landing page.


Doeblerghini Bunch:  Custom Wedding Website - Pages

When you’re done, change the page settings to not allow comments.


 Doeblerghini Bunch:  Custom Wedding Website - Pages


Post the page when you’re ready and then repeat the process for all your other pages.  These are the pages I created for our website.


Doeblerghini Bunch:  Custom Wedding Website - Pages



 Make sure that at the very top of your pages list, you have Show pages as Top tabs.   The default is Don’t Show. 

Now that we have all our content, let’s organize your wedding website so it looks a little less…bloggy.

Return to the main screen and select Template and then Customize.

Doeblerghini Bunch:  Custom Wedding Website - Template Edit
 


Upload a background image if you want, or just pick a color.


Doeblerghini Bunch:  Custom Wedding Website - Template Edit
 

Then go to Layout and choose the first Body and Footer Layout.


Doeblerghini Bunch:  Custom Wedding Website - Template Edit


Use the Advanced tab to change your default font and text colors for every section of your blog.  Play around here as much as you like, just make sure to keep watching the preview so you can see if your text is legible.


Doeblerghini Bunch:  Custom Wedding Website - Template Edit



When you’re done playing, hit the Apply to Blog button to save your settings and apply them to your website.  When the button is greyed out, click Back to Blogger to return to the main screen.

Now click the Layout link.
 
Doeblerghini Bunch:  Custom Wedding Website - Layout Edit


Remove the About Me and Blog Archive sections by clicking Edit and then Remove.  

Doeblerghini Bunch:  Custom Wedding Website - Layout Edit

Doeblerghini Bunch:  Custom Wedding Website - Layout Edit

 Finally, if you’re uploading any professional engagement photos, update the attribution section to include your photographer’s copyright.  It’s doubtful they’ll see it, but you want to cover your butt in case they do!

Doeblerghini Bunch:  Custom Wedding Website - Layout Edit


And that's it for your website content!  You did it!!  All that's left is to link your Blogger site to your custom domain and then you are done! 

Did you miss something for feel like you can skip ahead?  Here's my entire series.

No comments:

Post a Comment