Posts categorized "Typepad University" Feed

Bitly! The Analytical Tool You Didn't Know You Had

Bitly

Bitly is a free service that can shorten the length of your post URL when sharing around social media or online. You can easily add Bitly with your Typepad account to use when you post on social media.

Bitly Sign inAdd Bitly

To add Bitly to your Typepad account, click on the Settings tab, then click on Add-ons. Scroll down and click on Bitly. You will be asked to start an account or sign into an account you have. 

Once the account is created, you will be asked to authorize Typepad to use, your account. Click on Allow. Now you will be taken back to your Typepad account. Start blogging to create the new Bitly links.

Authorize TypepadView Analytics

Once added, all future posts will have a unique Bitly link that you can share with everyone. To view the link, click on the Blogs tab, then click on the name of the blog. Under Recent Social Media Traffic, click on the Bitly link. Here you will see a list of all your posts and the number of clicks for each post. 

Bilty Overview

Bitly links in Typepad

Bitly offers real time analytics for your unique URL. Click on the URL under Bitly Info to be taken to the analytics page which offers real time data about your unique URL.

You will see an overview of all the Bitlys you have created. You will also see the Total number of clicks, your top referrer, and your top location. When you scroll down you will see the unique URL and a bunch of real time data.

Bitly Analytics GraphNext you will see the total clicks for the post. You can see it spread out over the last few days. This data is updated in real time. 

Bitly Total ClicksNext are the Referrer stats and Location stats. Referrers can be Facebook, Twitter, Email, Direct, and many more. Referrers are where your readers are seeing and clicking your link. You can also see where around the world your readers are.

Referrers and locations

 

This is a great tool to use along with Google Analytics to find out more about your readers and determine any strategic decisions which you can make to increase visitors. Integrate Bitly today to get started.

 


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.  


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! Who doesn’t like to look at pretty pictures? 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. 

Did You Get Permission?

Just because an image is uploaded to the internet does not mean it is free for you to use. Giving credit to the photographer with a link back does NOT validate the use.  It also does not matter if you are not making any money from your blog.

The individual who took that image owns the copyright of it and can request the image be removed from a website if it is used without their permission. Unless you received permission from the owner, do not use it. If someone contacts Typepad with a valid DMCA report stating that their image is being used on a Typepad blog without permission, we are required to remove that image.

What If I Am Asked To Take Down an Image? 

You may receive an email from the owner of the image, or an agency representing them, asking to remove the image immediately.  Do not argue or explain why you used the image, just remove the picture from the blog post in question.  You may also need to contact Typepad Support to remove the image from the server.  You can do this by opening a Help Ticket

Where Can I Get Images That Are Free To Use?

Creativecommons

A good place to start is Creative Commons.  Since 2001, Creative Commons has issued CC licenses free of charge and is devoted to expanding the range of creative works available for others to build upon legally and to share.  You can use their search tool and they will pull up free license images from all over the internet that you can use without repercussion. 

Unsplash

Another favorite is Unsplash where you will find a collection of beautiful, free images and it is constantly updated.  You can sign up to have new collections sent directly to your inbox. 

Fabio-mangione-236846-unsplash

Pixabay

Pixabay is a vibrant community of creatives, sharing copyright free images and videos. All contents are released under Creative Commons CC0, which makes them safe to use without asking for permission or giving credit to the artist - even for commercial purposes.

Strawberries-3431122_1280

There are many more "royalty free" and free stock images available right at your fingertips online that are safe to use without penalty or copyright violations.  Share your favorites with us today!


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! 


New Feature: Embed Instagram Posts

Instagram and Typepad

Today we are excited to share with everyone our new Instagram feature. You can now embed posts from your Instagram or someone you follow. This is great when discussing latest news or showing your readers "behind the scenes" of your blog! Working from your desktop or your mobile device, you can add your Instagram posts for your readers!

Add an Instagram post to your blog

From the Compose page, click on the Instagram button. In the pop up, paste in the embed code from Instagram. Click on Ok. Super easy!

Embed Instagram

Get Your Instagram Embed Code Typepad Tip Instagram

Not sure how to get the embed code from Instagram? We can show you! From your browser (either on your desktop or mobile device) go to your Instagram account.

From your browser, you can go to any Instagram account (including yours) if you know the username. Go to the URL http://instagram.com/username (replace the username with the Instagram username.)

Click on the image you want to embed to view the three dots. Click on the three dots and then click on the Embed button. Click on Copy Embed Code. 

Embed code from Instagram

Copy the code Instagram provides, then go back to Typepad and paste it in. 

This is a perfect way to introduce your readers to your Instagram and we hope you love it just as much as we do! Feel free to leave us a comment so we know how you like using this new feature. If you have any suggestions for ways we can improve it, make sure to leave comments on that too! If you need more information about embedding your Instagram post, check out the Knowledge Base. As always, the support team is here to help you out. You can open a help ticket with any questions to get one-on-one support.


Using Canva and Picmonkey to create stunning visual content for your blog

Using Canva and Picmonkey to create stunning visual content for your blog

On average, visual content performs 4.4 times better than text based content (Source Chute and Digiday).

Let that fact sink in. If your blog is nothing but text, you may be missing out on readers. Creating visual content can be daunting. At Typepad, we use two great programs, Canva and PicMonkey, to create and edit visual content for our blog. Each site has a free version you can start using today.

Canva long

Canva is a great product to help you create beautiful designs. They have a free version for you to go in and start exploring their countless features. You can customize one of their many templates or start from scratch. They have great tutorials to help get you started using Canva.

The pre-made templates that Typepad uses the most are the Blog Titles and Social Media templates. Preset dimensions make it easy to create visual content that will fit nicely in your blog or social media posts. Canva is also useful in creating infographics. Infographics are a great way to provide information in a visual form. The Typepad team loves to use them, as you can see with our Google Design article, because they are easy for readers to digest a large amount of information visually.

Some examples of visual content created through Canva:

Hunt banner

Email domain

 

 

PM logo

PicMonkey is a creative tool to help you edit images. You have a chance to show your creativity and style. They have a free version for you to start using right away. You can upload an image, add filters, and add text or overlays to an image. PicMonkey is great for editing a profile picture for your About page on your blog or social media sites. One feature we like is the collage feature. This allows you to have multiple images in one to fit into Facebook, Pinterest and blog posts. Their tutorials are easy to follow and can help you take an image and add pizzazz. Don’t monkey around, upload a picture and start today.

An example of images created through PicMonkey:

Brianna quote Laura quote


Now that you have all the tools you need to start adding great images to your blog posts! If there are other free or inexpensive image editing tools you use, let us know in the comments.


What Mobile Designs Exist For Me to Use?

If you've been following our recent posts about mobile designs, you're now familiar with how to switch to a mobile design and you've learned some design principles to apply to your new mobile design.

We're now going to give you an overview of each mobile design option we have to help you figure out which one will work best for you and your blog.

First we have Snap:

Snap
Red Snap

Snap is a simple design, with twelve different accents colors for you to choose from.  If you like having a minimalist blog, this one is a good choice for you.

Next up is Sol:

Sol
Birdseye Blue

Sol is also of a minimalist nature, but adds more color to your blog, making it stand out.  It has ten different colors from you to choose from, so you can find the perfect color for your blog.

Next up is our Design Lab.  Here's a few examples of the variety you'll see:

Nimbles
Some Design Lab Options

In total, there are eighteen pre-made designs for you to choose from.  They include options with banners and without banners, in darker and lighter colors, and everything in between.

Like one of the pre-made designs but want a different banner or want to make other design changes?  Then choose the design you want to edit, apply it to your blog, and go to Design > Style.  There you can make all the changes you wish, without even needing to use CSS.  Simply select an option like Navigation or Sidebar and edit to your heart's content.

Also under the Style tab, you can find a selection of pre-made Color and Font collections.  This gives you the option to choose even more pre-made design options and apply them easily to your blog.

Colors_collection
Colors Collection

Finally, you can also use our Theme Builder's Responsive option:

Theme_responsive
Theme Builder Responsive Design

This allows you to use the familiar Theme Builder, but also make your design responsive.  If you're scared to dive into the Design Lab, but still want a responsive design, you can use this as a beginner step.

As you can see, there's a great many options for responsive designs with Typepad! You can find more information in our Knowledge Base or open a help ticket if you have any more questions or need more assistance.


How Do I Switch to a Mobile Design?

A request that we get frequently in our Help Tickets is "Can I switch my design to something mobile-friendly?"  The answer is: YES! And it is easier than you think! With your Typepad account, all of your blog designs are saved. You can apply your saved design to a current, new, or multiple blogs.  

To switch your blog to a mobile-friendly, or Responsive design, we recommend first creating a test blog. When it comes time to pick a design for your test blog under the "Design" tab, we have a huge selection of pre-made designs under the category "Design Lab (Responsive).  We have a selection of pre-made designs under the category "Design Lab (Responsive)":

Screen Shot 2017-05-08 at 3.15.01 PM

These pre-made designs can be a starting point for editing and customizing a new design for your blog using the Design Lab at Design > Style.  The Design Lab was created so you do not need to use CSS to make customizations to your design. 

Screen Shot 2017-05-18 at 4.48.42 PM

In addition to these themes, you can also set up a mobile design using the themes Snap, Sol, and the "Responsive" option of Theme Builder.

OK! You selected your design, layout, and applied it to your test blog.  There are plenty of ways to customize these themes the Design Lab and CSS if you have an Unlimited Plan or higher.  If you have joined the Beta team, you can take advantage of the "Style" option for Nimble Design Lab, which allows you to customize your design without the use of any code. 

Once you have your Responsive design just perfect for the world to see, it is time to apply it to your main blog.  Last Summer we shared tips on how to manage your saved blog designs, which you can apply here.  Switch over to the blog you want to make mobile-friendly and click the Design tab.  Scroll down to "Your Designs" and look for the Thumbnail for your new responsive design: 

Screen Shot 2017-05-08 at 3.50.14 PM

Click "Actions", in the drop-down menu, choose "Apply."  Once you click this, the page will refresh with the message "The selected design has been applied to your blog. View your blog" on top.  Congratulations! You just made your blog mobile-friendly! 

A quick note, if you want to make all of your blogs in your account Responsive, you can follow the steps listed.  We do recommend creating a duplicate design for each blog (click "Actions > Duplicate") in case you want to make a design change for one blog but not have it apply towards the other blogs.


Forward your email to Outlook

Forward your Typepad Email to Outlook (2)

Continuing in our email domain series, we are going to learn how to forward your emails to your Outlook account. After you have purchased your domain and set up your email address, you can forward it to Outlook. For Outlook, you will need the IMAP and the SMTP. We recommend you save this information somewhere safe. You will also need the email address (username) and password for your webmail account.

Reminder: If you misplaced this information you can find it in your domain account. Go to domains.typepad.com and log in. Click on My Account, then under Manage Free Service type in your domain and select Email Services from the drop down. Click on Manage Users/ Accounts, then you click on the email address. Here you will see the mail settings information.
If you forgot your webmail password you can reset it here too. To log into your webmail go to: http://webmail.yourdomain.com (replace yourdomian.com with the domain you purchased). 

The following instructions are for Outlook 2016. The instructions for each version are similar. If you would like specific instructions for the version you have, check out this great post Outlook Email Setup from Microsoft.  After you select the version, click on Other Email Account (or I don’t know).

Let’s get started

Open Outlook 2016. Click on the File tab, then click on Add Account. Click on Advanced Setup, then Manually setup or additional server types. Select POP or IMAP then click on Next. You will be taken to a window to add all your account information.

In the Add Account window, you will enter all the information you saved. Under User Information, include your name and the email address you want to add. Under Server Information, change the Account Type to IMAP and put in the IMAP and SMTP information. Under Login Information enter the email address and password for your webmail account.

OL 3

Click on More Settings. Under the Outgoing Server tab, then select the box for My outgoing server requires authentication. Click on the Advanced tab, change Use the following type of encrypted connection to SSL. This will change the Incoming server (IMAP) port number to 993, that is what you want. Change the Outgoing server (SMTP) port number from 25  to 465, then click on OK. This will take you back to the Add Account Window. 

OL 5

Click on Next to test the connections. Once the tests are successful, click on Close. Last, click on Finish to complete the set up.

If you have a gmail account you want to forward your emails to, check out our post Forward Your Typepad Email To Gmail. If you have an email client you would like instructions for, let us know in the Comments. We would be happy to provide more how-to's.