Design Lab: Posts and Sidebar

Design Lab_ Posts and Sidebar

How do you like our new Design Lab? Enjoying all the customization options it has to offer? We have more to come!

We are continuing our series on our new Design Lab. Previously we wrote about how to customize your fonts, how to add a banner, and modifying your navigation bar. Now we are going to go over all the options you have for the body of the post and your sidebar. There are a ton of ways to mix and match settings to fit your brand.

PostsPosts

Click on the Blogs tab, then click on the name of the blog. Click on the Design tab, then click on Style. On the right, click on Posts. Here you can customize the posts for your blog. You can change the design to match your business branding. There are many combinations you can use by changing the color, font and size of your Post Title, Dates, Text, and Footer. You can also change the background color and the link color.

There are four different alignment types for you to choose from: left, right, center or justified. You can customize the line spacing to be tight, normal, or loose.

The last cool feature is to add a border to your blog. You can add a border to one side or all the sides. Click on Border to view all the options. First, click on Change to customize the border (color, width, line type) then click on the X to close the window. After you design the line type you can choose where to place it (left, right, top, bottom).

Sidebar

The Sidebar works very similar to the Posts. When you click on Sidebar on the right of the Style page you can customize the fonts, size and color of the Header, Links, and Text. You can change the background, text alignment, and add a border. It has two extra settings for you to choose from: Fill Column Height and Collapse Margins.

If you select Yes for Fill Column Height it will expand the background color you choose from the sidebar past the last module to the bottom of the blog. If you select no, the background will end after the last module (default setting).

Collapse Margins controls the space between the Posts and the Sidebar. If you select Yes, it will remove the margin between them. By default it will have the space between the Posts and Sidebar.

Sidebar Option

As you make changes to the Posts and the Sidebar you can see the changes reflected in the preview window.

How have you customized your blog using the Design Lab? Link to your blog in the comments and let us know how you like using the new Design Lab so far. We will approve it and post your comment. 


Featured Blog: The Feminist Grandma

Feminist Grandma

Elizabeth is the writer behind The Feminist Grandma. She has been blogging for the last 6 years, carefully crafting her writing. Her posts are intimate, kind, humorous, frequently sardonic, sometimes poignant. Being retired, she also writes fiction, works with homeless people, and volunteers at a school. Read more about her musings at The Feminist Grandma.

Follow: Typepad | Facebook | Twitter

Would you like your blog featured on Everything Typepad?

Button_be-featured-today


Rolling Out of Beta: Sidebar Carousel

Last week we began rolling the Post Carousel out of Beta, the start of our releasing several Beta features to non-Beta subscribers.  This week, we've started rolling the Sidebar Carousel out of Beta as well.

If you're not familiar with the Sidebar Carousel, it places a slideshow of the images from one category of posts to your blog's sidebar. These pictures will then rotate, based on the various settings you can choose.  It's a great way to highlight specific categories or images on your blog in an eye-catching way. You can even add more than one Sidebar Carousel if you'd like.

Postcarouseltheme
Example of the Sidebar Carousel in action.

To add the Sidebar Carousel to your blog, simply go to Design > Content, find the Carousel option under Widgets, select the options you'd like to use, and save your changes.  Easy as pie! Our Knowledge Base article has more information on this topic.

As of right now, this is out to 25% of our non-Beta subscribers, but everyone else should see it over the upcoming weeks.

Want to give the Post Carousel a go but aren't a member of our Beta Team?  It's easy to join!  Just go to the Account tab, check the Beta Team option, and save your changes.


Featured Blog: Ten Minas

Ten Minas Logo

Tenminas is part motivation, part reflection on what is going on in the world, part personal experience. The blog is written by Greg Kieszkowski, who was inspired by Seth Godin's blog. He started his blog with Typepad and revived his passion for writing. Recently he was a Typepad guest author and helped bust the myth of Writer's Block.  Take the weekend and read what is going on in his world.

Follow: Typepad | Facebook | Instagram

Would you like your blog featured on Everything Typepad?

Button_be-featured-today


Design Lab: Navigation Bar

Design Lab_ Navigation Bar

Thanks for joining us again as we explore more features in our new Design Lab. Previously we showed you how to customize fonts and add a banner to your blog. Now let's focus on the navigation bar. 

Your blog should be easy to navigate. There is nothing worse than getting lost trying to find information. Great blogs make it easy for readers to find information no matter how they came to the blog. Our Design Lab is here to make it easy to customize your navigation bar so readers can easily find the correct information.

Click on the Design tab, then click on Style. On the right, click on Navigation. Here you will be able to customize your navigation bar.

Display Type

We have three options to display your navigation links: Text, Icon, or None.

Text

Make it clear for your readers where they can go in the navigation bar. This will display the text you used when creating the navigation links. When you select the text option, you can change the font, color, and alignment of the text. You can show the name of the blog in the navigation bar or pin the navigation bar to the top of your blog.

Text Navigation Bar

Icons

When you select Icons from the drop down, you will remove the text and have icons on both sides of your blog. On the left there will be a Pancake (yes, that is a technical term, lol). When you click on the Pancake it will show a drop down of all the links in your navigation bar. On the right, will be all your social media sites. Click on Yes/No to add or remove the blog’s name from the navigation bar. You can also pin the navigation bar to the top of your blog.

 

Icon Navigation Bar
The three bars on the top left is a Pancake icon.

None

You can select None if you want to put links on your sidebar. We offer many different sidebar modules for you to add to your blog. The Page Module allows you to link to pages created in Typepad. You can also add a Link Typelist to share other sites you love.

Display Position

The navigation bar position will depend on what type of banner you select. If you have a text banner, you can select to have the navigation bar above or below the banner image. With an image banner, you can only have the banner above the image.

Tip: You can add links to your blog by clicking on the Content tab, then click on the pencil next to Navigation Bar. This will open a window to let you put the text in and the URL. 

Make sure to check back with us for more information about our new Design Lab. Stay in contact through our RSS feed or follow us on Facebook, Twitter, or Pinterest.