Posts categorized "Features" Feed

Is Your Twitter Card Enabled?

Twitter Card

With all the changes going on with Social Media, one thing remains - Twitter is still a popular platform to share your blog content.  There are so many eyes scrolling through Twitter, you want to make sure your tweet stands out. Typepad made it easier to automatically share your blog posts using Twitter Cards.   

All you need is your Twitter handle to get started.  Go to Settings > Sharing, scroll to the Twitter Card section. Enter the Site and Creator handles for your Twitter accounts, preceded by the @ symbol (e.g. @typepad). This can be the same handle for both fields if you do not have a separate account for your blog.

Twitter.card2After saving your changes, you can prepare your blog post like usual.  Be mindful of your first uploaded image in your post as this will be the image that will appear in your Twitter card.  The more visually intriguing, the better!

Twitter.card

Here's another tip - Twitter Cards allows your tweet to go beyond 280 characters. The card shows the content’s title and description, so you have room in your tweet to draw people in to check out your post.  

Now that tweets show in search engine results, Twitter Cards provide more meta information which could potentially drive additional traffic to your blog. Twitter Cards are a great way to drive traffic and engagement to your blog and make it easier for followers to share (retweet) your post.  


Spotlight Your Categories On A Front Page

Spotlight Categories

If you don't want a traditional blog structure you can use our Front Page feature to showcase different categories in your blog. Readers can click on an image link and see all the posts in that category. 

Full Site Image

First, you will need to create a page to be used as your Front Page. Customize the page with the text you want, then add the images you created for your categories.

TipWhen designing the image you want to use, we recommend Canva. It is a great editing tool to help you create custom images. Check out our article "Using Canva and Picmonkey to create stunning visual content for your blog" to learn more about using Canva. In our example, the image size was 1000 X 300 pixels wide. 

After you have inserted your images, you need the URL’s to the categories you want to showcase. Go to your blog archive, either by clicking on the link in your navigation bar or adding archives.html at the end of your URL.

Archive in Nav Bar

Click on the category you want to showcase and save the URLs somewhere. Once you have a list of your category URLs, go back to your page and make the images a clickable link.

Front Page Archives

To make an image a clickable link, click on the image, then click on the Insert/Edit Link button. Add the category URL, then click OK. Do this to all the images you added.

Once you have the front page exactly how you want it, you need to make it the front page. Click on the Settings tab, then click on Posts. Scroll down to Front Page, then select Display a “Page” as the front page. In the drop down, select the page you created. Scroll to the bottom and click on Save Changes.

  Front Page Feature

We did our example with a one column template. This will move all your modules to the bottom of your blog. Create a test blog to make these design changes. Once you have the design perfect, you can apply it to your current blog. 

Show off your new blog in our comments! Tell us how do you make your blog, not look like a blog. 


Amazing Tools To Aid In Blogging

Tools for blogging

There are many tools in a blogger's arsenal that help make blogging easy and fun. Here are some tools we use here at Typepad.

TitlePortent’s Content Idea Generator

Here you can add a subject and this site will generate example titles. Find one that works for you and start blogging. If you are stuck on what to write about, this site will provide you with a plethora of ideas.

Bloglovin', Paper.li, Pocket

Being a trusted source in a community means you need to know what is being said about your chosen subject. These sites will send blog posts about any subject directly to your inbox. Use these posts for inspiration, or reference in your own blog, when you talk about the same subject.

Bloglovin Paperli logo Pocket

Hootsuite

Getting your message out there means posting to many different social media sites. Doing it one by one can take a lot of time. Hootsuite lets you manage your social media channels in one place. You can also look at analytics!

Hootsuite-horizontal-black-registered

Pexels, Pixabay, Gratisography

Not everyone has the time to take the perfect image that fits your post. These image galleries will have the perfect image for you to use, saving time and money. They have CC0 Creative Common License images for you to use freely on your site.

Pexels Gratisography Pixabay-logo.svg

 

Canva_logoCanva and PicMonkey Imageedit_1_4631193216

Once you have the perfect image, you can edit it! Canva and Picmonkey are great editors that can take your images to the next level. Read our Everything Typepad post about both image editors.

Blogging on the go

You may be struck with inspiration while exploring this great big world of ours. Don't worry! You can still create the perfect blog post on your mobile device. You can save a post for later or publish on the spot. Go to Typepad.com on your mobile device and log in. Explore our  Mobile Compose experience and let the journey begin! 

What tools do you use to help you blog? Share in the comments below! 


Renewing Your Typepad Domain

Renewing Your Typepad Domain

When you purchase your domain through Typepad the time will come when you need to renew your domain. You can easily renew your domain at domains.typepad.com. Let us show you!

Go to domains.typepad.com and log in. If you are unsure of your login information (may be different from your Typepad login information), please reach out to us in support. We would be happy to help you get access to the account.

Once you log in, click on Welcome (your name), then My Account. Along the top, select Manage Orders, then List/Search Orders. Here you will see a list of all your domains. Click on the domain you want to renew.

On the top right, click on the green Renew button. In the pop up, select how many years you want to renew the domain. You can renew up to 9 years. It is also recommended you select Include Privacy. Now click on Renew Domain Name. 

Privacy Pop Up

Now you will see your invoice. To make things real simple, you can use the payment information in your Typepad account. Under Pay Online, select Typepad Information then Continue.

You will be taken to your Typepad account to approve the renewal transaction. Next, click on Complete Registration to finish the approval.

Approve Domain Purchase

Complete Registration ET

Once Typepad processes your transaction, the renewal is complete. You have your domain for a while longer!

If you don't have a custom domain for your blog, what are you waiting for? Purchase a Typepad domain today!  


Design Lab: View Collections

Design Lab_ Collections

Choosing the correct colors and fonts can seem like an overwhelming task. What colors go together??? You want your blog to be easy to read, what fonts compliment each other? Today we are going to explore our Typepad Collections.

Our Collections are select pre-made color schemes and font combinations to apply to your blog. Click on the Blogs tab, then the name of the blog. Click on the Design tab, then Style. On the bottom right, click on View Collections.

Scroll through the different color choices and find the one that works best for you. If you like a color scheme, click on it and it will automatically show in the preview window.

Click on Fonts to view our font combination. Once you find the right font combination, click on it and fonts will appear in the preview window.

 Once done, click on Return to Builder.

Once you are back at the builder page, you can tweak any of the colors or fonts you select. Click on the tabs (Fonts, Banner, Navigation, Posts, Sidebar, Footer, Background) along the right to make custom changes to the colors or fonts.

Once your blog is exactly how you envisioned, click on Save Changes to apply it to your blog.

 We hope you enjoyed our Design Lab series. Now you are ready to design an amazing mobile responsive theme to really help you blog stand out. We would love to see your blog! Post a link to your blog created with our new Design Lab. We will review the comment (make sure it is not spam) and share it with the rest of our readers!


Design Lab: Blog Footer and Background

Design Lab Blog Footer and Background

Have you refreshed your blog using our new Design Labs? We would love to see the progress. Post a link to your blog and let us know your favorite feature in our new Design Lab. We will review the comment (make sure it is not spam) and share it with the rest of our readers!

Our new Design Lab has more features for us to share! Today we are going to go over how to customize the footer and the background of your blog. To get started click on the Design tab, then click on Style.


FooterBlog Footer

The Blog Footer is at the bottom of your blog, it helps your readers by adding information or navigational links at the bottom of your site.  You can customize the font, text color and size. You can change the background color to help it stand out. Link back to the top of your blog (which is recommended!) to save your readers time scrolling. If you decide to not link back to the top you can left, center, or right align the text.

After you have designed the footer you can add content to your blog footer. This can be used for displaying links to pages on your own blog, a copyright note, links to other websites, or custom code, such as banners or widgets.


Background with Pattern OptionsBackground

Under the Background tab you can change the color and add a pattern to your background. You can select from one of our background patterns or upload your own. When you upload your own image it will tile it. You want to make sure the image connects nicely from end to end. For the post and side bar, you can select to have a rounded corners or pointed corners.

Love working in our new Design Lab? Check out our previous posts to help you design the best blog theme for your brand.

Design Lab: Adding Custom Fonts

Design Lab: Adding A Banner

Design Lab: Navigation Bar

Design Lab: Posts and Sidebar


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. 


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.


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.

 


Rolling Out of Beta: Post Carousel

It's the new year, but that doesn't mean that we here at Typepad are done giving out gifts! We're releasing several features out of Beta over the next month and this week we started with the Post Carousel.

You may be asking yourself what exactly is a Post Carousel and why should you add it to your blog? Let us tell you!

The Post Carousel adds a slideshow of the latest posts to the top of your blog. Photos from the most recent posts will rotate through the carousel.  It's a great way to catch your reader's eye as they visit your blog.

Slider-example-3
You can see a live demo of the Post Carousel hard at work here.

The Post Carousel can be customized in many ways. You can set the maximum number of posts to display and restrict it to just a specific category.  You can choose the title position, automatic start, add a pause button, and much, much more.

To add the Post Carousel to your blog, simply go to Design > Content, check the box for Post Carousel, select the options you'd like to use, and save your changes.  We have more information on this in the Knowledge Base.

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.