Posts categorized "Typepad University" Feed

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.


How To Add An Amazing Background Image

How To Add An Amazing Background Image

Adding a background image is a great way to help your blog content stand out and reinforce your brand. When you use one of our Design Lab themes, you can use one of our pre-loaded background patterns or add your own background image. Today we are going over how to add your own background image. 

Find the perfect image

We recommend using one of the many free image finders available to you on the web. Some of our favorites are Pexels and Pixabay. Read our post "What You Need to Know about Using Images on Your Blog" to learn how to safely pick an image to use on your blog. 

When looking for the perfect image you want something that will look good repeating. You don't want the seam between images to sand out. You can use a simple wood image, brick image, or grass! Look for images that look good with your brand colors.

Image comparisonSave the image

Once you have the image, you will need to save it to your computer. Follow their instructions on how to save it to your computer.  A good image size to look for is around 2000px wide. 

Add a background imageAdd to your Design Lab Background

The steps below work if you are using one of our Design Lab themes. Not using the Design Lab yet? Try changing your theme, or apply it to a test blog!

With few clicks you can change your background image.

1) Click on the Blogs tab, then the name of the blog.

2) Click on the Design tab, then on Style.

3) On the right, click on Background to display your options.

4) Under Pattern, select Upload Custom Image and upload the image you saved.

If you like how it looks in the preview window, save your changes.

Finished Example

Super easy! Now log into your account today to get started! 

Button_log-into-typepad


Get Creative! Add a Presentation to Your Blog

Presenting

Visually add to your message by inserting a presentation in to your blog post. There are many great programs out there to help you design a visually appealing presentation. Today we are going to focus on how to add a presentation from Google Slides, Prezi, and Emaze into your blog post.

Google Slides

Google Slides is a free presentation program that is included in your Gmail Account. Click on Google Apps (a 3 by 3 square of smaller squares on the right) and select Slides. Create your presentation. Once your presentation is complete, click on File, then Publish To The Web.  Click on the Embed tab, then select Small under Slide Size. Click on Publish to get the embed code.

Google Slides Pop UpCopy the code and log in to your Typepad account. From the Compose page, click on the HTML Tab. Search through the HTML to find where you want to paste the embed code. Paste in the embed code, then click on Rich Text to see it in your post. Last, publish your post.

Google Slides codeExample of a presentation created in Google Slides:

Prezi

Prezi is a presentation program you can use to create an interactive presentations. Once you have created your presentation, you need to generate a presentation URL. Click on the Share icon and create the presentation URL. Copy that URL and save it somewhere (Notepad or Text Edit). Use the code below and replace your_view_link with your presentation URL

<iframe width="550" height="400" src="your_view_link/embed" webkitallowfullscreen="1" mozallowfullscreen="1" allowfullscreen="1"></iframe>

Copy your edited code and add it to your post. From the Compose page, click on the HTML Tab. Search through the HTML to find where you want to paste the embed code. Paste in the embed code, then click on Rich Text to see it in your post. Last, publish your post.


Prezi Code

Example of a presentation created in Prezi:

Emaze

Emaze is a web based platform that helps you create engaging presentations. After you created your presentation, click on the Share button and copy the Embed code.

Emaze Share

From the Compose page, click on the HTML Tab. Search through the HTML to find where you want to paste the embed code. Paste in the embed code, then change the height and width size. The height should be 340px and the width is 600px. Click on Rich Text to see it in your post. Last, publish your post.

Emaze Code

Example of a presentation created in Emaze:

Powered by emaze

 

Presentations are a great way to visually sum up your blogs main ideas. Share them on social media along with a link to your post to help draw attention to your blog!

Use the comments to share with us posts you have used a presentation in. What other suggestions would you add?


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!