Posts categorized "Features" Feed

New Design Lab Features for the New Year!

New Design Lab Features for the New Year!

The new year is somehow already upon us, so we wanted to celebrate with two new feature additions to the responsive Design Lab!

The first feature is for subscribers that want to custom code their own banner while using one of these designs. This gives you the freedom to really customize your blog.

To add your own banner to your responsive Design Lab, go to Design > Banner, and you'll see the new option to "Code your own banner" in the bottom right.

Code Your Own Banner

Using this option, you can really personalize your banner area. For instance, A Small Orange, used this feature to code their own banner to include a search box:

Banner Example

This feature is currently for Beta Team members only, so make sure to go to the Account link in the top green bar of your Dashboard, and check the "Join the Typepad Beta Team" box to become a member of our Beta Team and give it a try!

Next up is the ability to highlight which page your readers are on in the Navigation Bar via Custom CSS when using the responsive Design Lab.

This requires the use of Custom CSS, so you will need to have our Unlimited plan or higher to make use of this feature. To do this, go to Design > Custom CSS and add the following CSS:

.currentnav {font-weight: bold !important; background-color: rgba(182,182,182,0.3)!important; border-radius: 20px !important; }

Once this has been added, any link in the Navigation Bar will have Custom CSS applied to it to make it stand out while a visitor is on that page.  You can see an example below with the Archives link in the Navigation Bar:

New Highlight Option for Navigation Bar

The CSS can also be edited to change the color, font, and more.

We hope you like these new additions to the responsive Design Lab!  As always, the Typepad Support team is here to help if you need assistance!


Top 10 Everything Typepad Posts Published in 2018

Top 10 Everything Typepad Posts Published in 2018

With 2019 quickly getting closer, we thought we would take a look at some of our more popular posts from 2018. There are some amazing gems here. Take a moment and review. Add these features to your blog in 2019 (or before 2018 ends)!

 

Rolling Out Of Beta: Sidebar Carousel

Sidebar carousel

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.

Back To Basics: Integrating Social Media With Your Blog

Back to Basics_ Integrating social media with your blog

With the popularity of social networks like Twitter and Facebook these days, integrating social media with your blog is a necessary strategy for helping readers find your content where they are. 

Can I Make My Blog Not Look Like A Blog? 

Can I make my blog not look like a blog

Did you know that your blog with Typepad does not have to look like a blog? If you have a business and you want to keep your blog but expand your web presence, you can build a website around your blog.

Rolling Out Of Beta: Post Carousel

Post Carousel

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.

Blogger Beware - What You Need To Know About Using Images On Your Blog

Blogger Beware

Images are a great way to draw attention to your blog post and give it some pizzazz! Sometimes we may want to use an image that we may not have in our personal photo folder. It’s so easy to do a Google search and just grab one that’s appealing from the results right? Wrong! Allow us to help you avoid any potential issues using unauthorized images.

Help! My Domain Name Does Not Work Without the WWW!

Domian with out www

Do you still type "www" when you visit a website? Or do you just type "example.com?" Why is that www even necessary? Learn more about your domain and how to forward your non-www domain to your www domain. 

Design Lab: Posts and Sidebar

Design Lab Sidebar and Posts

Our Design Lab allows you to customize your theme to fit your blog branding. Customize the font, color and size of your text in your blog posts and sidebar.

Amazing Tools To Aid In Blogging

Blogging Tools

There are many tools in a blogger's arsenal that help make blogging easy and fun. Learn about Pocket, Canva, Hootsuite and much more.

Design Lab: Navigation Bar

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.

We hope you had an great 2018 with us! In the comments tell us the feature you loved using this year or the feature you are going to add to your blog. 


SSL For Blogs with Non-Secure Content

6a00d83451c82369e2022ad3aab100200b-800wi

Now included free with every Typepad account is an automatically added SSL certificate for your typepad.com, blogs.com, or custom domain site. SSL certificates are important for your site, especially for search engine ranking, so be sure to visit our Knowledge Base to learn more about them.

However, when you visit your site, you may notice that your blog is showing that it's not secure due to mixed media items which includes things like videos and images.  This is happening because these files are uploaded on another site - not Typepad - that is not using secure https links.

For instance, if you're using an image hosted on a site not on Typepad on your blog, even though all of your Typepad files are secure, this image is not, breaking the secure SSL lock in your address bar when visiting your blog.

One way to work around this is to save a copy of the image to your own computer.  Then, on Typepad, upload the image and replace the old, non-secure URL with your new Typepad URL.  Once all files have been fixed, you'll see the secure green padlock on your site.

To help determine what's causing your site to not be secure, you can use a service like Why No Padlock? to find the culprit. Typepad Support, of course, is always here to help too.

We hope you are excited as we are about SSL and Typepad!


Switching To a Mobile Design - Let Us Help With Typepad Design Services!

Switching To a Mobile Design - Let Us Help With Typepad Design Services!

For some of our long-time Typepad bloggers, the thought of redoing your entire blog design can be stressful. Where do you even start?  Usually when this request comes in, we first recommend creating a test blog so you can play around with our different responsive themes first before applying it to your main blog.

But what if you don't have the time to do all of that? Let Typepad Design Services help!  Typepad Design Services includes Tune-Up service and Custom Design service for an additional fee. We will work with you to create an amazing blog that is everything you could wish for.

When we receive a request to update a blog design, we always refer to the Nimble Design Lab to get started and build your design around this theme. Here are a few of the Design Services we loved!

Typepad_Service_PetBlogLady

Here is a great example of using a Landing Page with your mobile design.

Typepad_Service_C.Kenneally

When was the last time you updated your blog design? Are you using a Responsive theme for your blog? 


Add A Scroll Bar To Large Tables

Add A Scroll Bar To Large Tables

Sometimes you need to provide a lot of information in a table format. Large tables can be hard to read when they are shrunk down on mobile devices. You can quickly add a piece of code to your table to give it a horizontal scroll bar. When mobile readers view your blog, they can scroll through the table. 

First you will need to add your table. Click on the Table drop down and select Table. Highlight how many cells you will need. 

Create A Table

After you have inserted your table you can customize it by adding your content and changing the properties. 

Once your table is complete, click on the HTML tab on the top right of the compose page. Find the table in the HTML. The table starts with <table> and ends with </table>.  A great way to help block out this code is to put a space before and after the table code.  

Here is how it looks before you enter the code:

How code looks in the HTML tab

Above your <table> tag, add the following code: 

<div style="overflow-x:auto;">

After <\table> add the following code:

</div>

Here is how it looks after you add the code

How the code looks after

Save/Publish your changes, then click on the Rich Text tab to see your table. You may not see the horizontal scroll bar on the compose page, so preview or publish your post to see the scroll bar.

Check out the horizontal scroll bar in action. We have added it to the table below. You may need to reduce the size of your browser window or view this post on a mobile device to see the scroll bar at the bottom of the table.

  Grade Grade Grade Grade Grade Grade Grade Grade Grade Grade
Eric 75% 80% 100% 94% 87% 100% 79% 86% 92% 86%
June 95% 78% 100% 86% 73% 96% 97% 92% 86% 94%

When creating any post you need to make sure you keep your mobile readers in mind. When the table is viewed on a mobile device your readers will be able to horizontally scroll through all your columns and easily read your table. Make sure you are using one of our mobile themes so your blogs looks flawless on mobile devices. 

Go to your account now to get started!


IFTTT Applets And Your RSS Feed

IFTTTApplet

Readers do not want to travel to different URLs to get all the information they find interesting. If only there was a way for readers to read all their blogs in one place???

This is where IFTTT and your RSS Feed can be used! IFTTT (pronounced like "Gift" without the "G") is a free platform that helps different services easily speak with each other. You can find an applet that brings a lot of services together. Today we are going to focus on applets that work with your RSS Feed. With a Pocket, Tumblr, LinkedIn, or Pinterest applet, your posts will automatically appear in their feeds after you publish. (Just like our Twitter integrations!) These are available for you and your readers to use. Set up once and forget it!

How to find your RSS Feed

When you first start a blog, the Subscribe link is automatically added to your navigation bar. Click on the subscribe link to get the RSS Feed URL. You may also have the Subscribe module on your sidebar. That is another place to get the RSS Feed URL. 

If you removed these you can get the RSS Feed URL from the source code of your blog. The source code will give you the atom.xml, rss.xml, and index.rdf. For IFTTT you will want the atom.xml. To learn more about how to find your RSS Feed URL check out Typepad 101: What Is My RSS Feed URL? on Everything Typepad. 

Use an IFTTT Applet

Once you have your RSS Feed you can now add it to any IFTTT RSS applet. There are many applets you can use make sure your posts show automatically on different platforms. Here are a few we like. 

Pocket

Pocket AppletPocket is a platform that saves interesting articles for your enjoyment later. When a reader uses the Pocket applet all your posts will show up in their Pocket. Provide your readers with your RSS Feed URL and they can use this applet to have your post automatically  show up in their pocket!

 

 

Tumblr

Tumblr AppletTumblr is a microblogging and a social networking site. Using the Tumblr applet, you can make sure any new blog posts show up on your Tumblr feed. If your readers follow you on Tumblr they will see it too! Don’t have a Tumblr account, no worries. Readers that are active on Tumblr can use this applet to connect your RSS Feed to their Tumblr account. They will never miss a post!

 

 

LinkedIn

LinkledIn AppletLinkedIn is for professionals to network. If your blog is professional in nature, we recommend you use it to promote your blog. This applet allows you to share your blog posts on your LinkedIn feed. If you don’t have a LinkedIn account, your readers can use it to make sure your posts show up in their feed. Great for that busy professional!

 

 

Pinterest

Pinterest AppletUse the Pinterest applet to automatically share your posts on one of your Pinterest boards. This applet also lets you add a customize image that will be shared along with your post.  You and your readers can use this applet to make sure your posts show up on any board you want.

Quick Tip: Use the File Manager to get an image URL for you to use. Easily upload the a custom image to your File Manager then copy the image URL. You can use this as the Photo URL. Use Picmonkey or Canva to create a great image that shows everyone that is looking at your board, what it is about.

Explore IFTTT today to see what all you can do!!! Share this post with your readers so they can see all the great ways to read your blog. 


How To Add A Pinterest Button To All Your Images!

Pinterst pic white

Pinterest is a great place to get your blog seen! Who doesn’t love spending free time searching Pinterest for their dream DIY? Make it easy for your readers to add your amazing images and posts to their Pinterest boards by adding a Pinterest Save button.

First,  go to the Pinterest Widget Builder and click on the Save Button. From the Button Type drop down, select Image Hover. Select if you want a round image or a large image.

Example of hover button

After you are done designing your button you will be given code to add to your blog.

Pinterest Code

From your Typepad account, click on the Blog tab > name of your blog > Design > Content. Add an Embed Your Own HTML module and Paste in the code. Give the module a name and click on OK. Last, click on Save Changes. Don't worry, the Label will not show on your blog. 


Embed Your Own Code

Now your readers can share your amazing images on their Pinterest boards. Just hover your cursor over the image to see the Save button.

End Result

Log into your Typepad account today to get started.


Our Favorite Third-Party Integrations: ShareThis

ShareThis Integration

We know how important it is to share your blog content with your readers on social media.  The share buttons we offer in the blog post footer is a popular feature but there is just not enough room to include every social media platform out there.  That is why one of our favorite third-party sources to integrate into Typepad is ShareThis.

Before you create your free account at www.sharethis.com, you must have a Unlimited account or higher as the Head module is required to set this up on your blog. 

When you add your blog, you will get a red message that says: 

We were unable to verify **your blog URL**. Please ensure sharethis.js is copied to header of your site!

Click the "Get the Code" button and copy the code that appears in the pop-up window. Open a new browser window (keep ShareThis open) and in your Typepad account, go to Blogs > (select your blog name) > Design > Head, and paste the code provided and save your update: 

Sharethis_3

Then go back to ShareThis and click the "Verify" button and you will get a message saying that the installation was successful.  Now you can create your share buttons! ShareThis allows you to add more share buttons to your blog posts such as LinkedIn, Reddit, Tumblr, and more. 

Sharethis

You can set up the "Sticky Share Buttons" that appears on the left side of your blog, "Inline Share Buttons" which appear at the bottom of your blog post, or customize your share buttons.  

If you only want the buttons to appear on the left, just "turn on" the Sticky Share Buttons on top, and click which channels you want to display as well select the alignment, label, size, shape, count, etc.  then you are all set! There is nothing else you need to do.  The buttons should take a few minutes to appear on your blog.  

To add buttons in your blog post footer, there is an additional step which involves using the Signature module in Typepad. In ShareThis, select the "Inline Share Buttons" option. Like the Sticky buttons, turn on Inline Share Buttons, and copy the code: 

Sharethis4

Place this code in your Signature module at Design > Signature, make sure it's checked off to enable it. You can also select which buttons to display, size, shape, and count.  As long as you have the code saved on your blog, any changes you make in ShareThis should be reflected on your blog after a few minutes. 

Here's an example of a blog that has both set up: 

Sharethis_2

With some social media platforms getting more strict with automated shares to their feeds, including share buttons to your blog posts is a good way to still share your blog content on places like Facebook and Twitter.  Do you include share buttons on your blog?  Sign in to your Typepad account and get started today!


Spotlight Posts To Draw Readers Into Your Blog

Spotlight posts to draw readers into your blog

Getting readers to come to your blog is only half the story when it comes to building your audience - you also want to keep them there exploring all your great content. One easy way to do this is by adding a Spotlight module to highlight some of your recent posts.

For most Typepad design themes, the Spotlight module will appear in the sidebar. However, if you're using a theme from the Nimble Design Lab with a one or two-column layout, an additional option is available to you - the Spotlight module can be placed directly under your posts and will appear in that location both on the main page and on archive pages. Blog visitors don't always look closely at sidebar content, but having the Spotlight module right under your posts means they'll see it as they finish reading. If they enjoyed your post and want to read more of what you have to say, there it is right in front of them! To set this up for your one or two-column Design Lab theme, head to the Design > Content page and add a Spotlight module:

Add the Spotlight module

When you add the Spotlight module, you'll see a pop-up window where you can configure how you want the spotlighted posts to appear:

Configure the Spotlight module

If you post a lot of photos to your blog, we recommend choosing the option to display a thumbnail image for each post - pictures catch the eye a lot more than text does. After you've configured the options you want and save them, the Spotlight module will be added to the sidebar as usual. Bloggers using a one or two-column Design Lab theme will see an additional option on the Content page, however. Under the representation of the main content column, you'll see an area labeled "Drop Spotlight Posts Below". Drag and drop the module to this area and you should see it settle in under the notice:

Drag and drop the Spotlight module

Go ahead and save your changes on the Content page and the Spotlight module will now appear on your published blog right below your posts. If you realize you need to tweak how it looks, go back to the Content page and click the pencil icon on the module to open the pop-up window with the configuration options again. A well-configured Spotlight module provides an eye-catching display drawing readers further into your blog, as shown in the example below.

Spotlight module on Swoonish

You can also see the Spotlight module used in the main content column right here on Everything Typepad! Just scroll towards the bottom of the page. If you like what you see, why not log in right now and head to Design > Content to add the Spotlight module to your blog? And if you're already using the Spotlight module on your blog, let us know in the comments how you like it.


Can I Map More Than One Domain Name To My Blog?

Multiple_domain_name

You got your blog set up and readers are checking it out. You are ready to purchase a domain name so readers can use "www.myawesomeblog.com" instead of the default Typepad domain name.  You got the perfect name and you don't want anyone else to take it so you buy that name as a .com, .net, and .org. The question now is how can you get all of those domain names to direct to your blog?  This can be done through Domain Mapping one name and forwarding the other names. 

Typepad has made it easy to purchase a domain name through your account.  From your Dashboard, click Account > Domain Mapping, and enter the domain name you want to use. Then click Check Availability, and a list of available domains will appear. The name "myawesomeblog.com" is available in all three formats so you snatch them up.  

You can only set up Domain Mapping with one name to point to your blog, so you set up "www.myawesomeblog.com" to be the primary name where your all of your blog links such as permalinks will have the .com name.  One blog cannot have two different sets of permalinks created.  The the .net and .org names you purchased can be forwarded to your .com name through the Domain Forwarding Service.  If you are using a third-party to set up Domain Mapping such as GoDaddy, the steps would be similar as you are just forwarding the second and third names to your primary domain name.

Not only does buying a domain name with different suffixes help for brand identity, it can also help if you want your website to primarily be a .biz or .org. People are so used to typing .com for a website, you don't want to lose them for this oversight.

Have you purchased a domain name for your blog yet? Sign in to your Typepad account and purchase a name today!