Posts categorized "Weekend Projects" Feed

New Services On Other Accounts


New Services On Other Accounts

We have been busy at Typepad reviewing social media services that help bloggers get their message out to the world. Using our Other Accounts tab, you can add your personal link to these sites on your Typepad blog. Here is our new list of Other Accounts you can add! Take a moment and review everything. You may find a new platform to showcase your blog. 

500px

A leading network for photographers to discover and share incredible photos, gain global exposure, and get paid for their work and skills.

Audible

Audible allows you to download and listen to a wide selection of audio books. Find something that educates, entertains or inspires your mind. Review your favorite books and share them with your readers. 

Bandcamp

Bandcamp is a publishing platform for musicians. Sell your music or support the artists by directly purchasing their creations.

Codepen

CodePen is a social development environment. It allows you to write code in the browser, and see the results of it as you build.

DeviantArt

DeviantArt is the largest online social network for artists and art enthusiasts. They believe that art is for everyone, and they are creating the cultural context for how it is created, discovered, and shared.

Dribbble

Dribbble is a community of designers sharing screenshots of their work, process, and projects. It is the leading destination to find and showcase the creative work of the worlds best design professionals.

eBay

eBay connects buyers and sellers from around the world. Explore to find the perfect unique gift or see who will love the products you create every day.

Etsy

Etsy is a market for handmade goods, vintage items, and supplies for making. The community is made up of independent creative businesses from around the globe.

Facebook and Facebook Page

Connect with friends, family, and your readers. Almost everyone is on Facebook and use it to stay in touch with those that are important to them. Facebook Page is for your business/blog to connect with your readers with updates that are important to them. 

Flickr

Flickr will display your photos for all your friends and family to see. Create amazing albums to easily share.

Foursquare

Foursquare helps you discover new places with recommendations from the community. Find a better experience, anywhere in the world.

GitHub

GitHub is the best place to share code. With all the collaborative features of GitHub, it has never been easier for individuals and teams to write faster, better code.

Goodreads

Goodreads is the world’s largest site for readers and book recommendations. Share with your readers the books you love or the books you are looking forward to reading.

Instagram

Instagram is a platform that brings you closer to the people and things you love. Share with your readers your everyday life and what motivates you.

Last.fm

Last.fm allows you to create a profile, track what you listen to, and explore other cool music that is out there. Share with your readers your taste in music.

LinkedIn

LinkedIn is the world's largest professional network. Show off your professional knowledge with other industry leaders.

Patreon

Patreon is a membership platform that easily allows artists and creators to build relationships with subscribers and provide exclusive experiences for their "patrons". Make it easy for your readers to support you and all the work you do.

Pinterest

Pinterest is where you discover ideas. Share your ideas with your readers and discover new ones today!

Playstation

Playstation is for the gamer in all of us. Share your game with readers, learn about new games, and see what your fellow gamer friends are talking about. 

Ravelry

Ravelry is a great resource and community for yarn and fiber enthusiasts. Get inspired by others' work and keep track of your stash, tools, and projects.

Reddit

Reddit, the front page of the internet. Discover thousands of communities, endless conversations, and human connections.

Snapchat

Snapchat is a quick and easy way to connect with your readers with live stories. Give your readers a behind the scenes look of creating your blog or products.

Soundcloud

Soundcloud is a music and podcast streaming platform that lets you listen to millions of songs from around the world, or upload your own.

Spotify

With Spotify, it’s easy to find the right music for every moment. Create and share music collections for your readers. Create a radio station of all your favorite music.

Stream

Stream is a space in which a variety of content creators can share their passions with the world through video streaming. Connect and interact with live audiences in real time.

Tumblr

Tumblr is your free space to share your interest and connect with others. Add your content and start a conversation.

Twitch

Twitch is a global community who come together to create their own unique entertainment. Share your gaming knowledge and experience with your readers.

Twitter

Be involved in the conversation with Twitter. Share your content and watch it influence the world.

Vimeo

Vimeo is all about videos. Share your videos with your readers or discover new ones.

Yelp

Yelp is your connection to find local businesses. Share your Yelp reviews and help others find amazing local businesses.

YouTube

YouTube gives everyone a voice and shares it with the world. Build your community and share your story.

Other

If you don't see a service you are on, the "Other" option allows you to add the profile URL and makes it easy for your readers to follow you. 

We challenge you to review all these services and try a new one out today. You may find an audience you never knew existed. 


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!


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? 


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!


How To Create An Effective Donation Page

Effective Donation Page

Creating a specific donation page can help tell your readers how and why to donate to your nonprofit or cause. You can add your donation page to your navigation bar, plaster all over social media, and share in print (QR Code or shorten Bilty links). Not only will a good donation page make it easy for readers to donate, it will also explain what that money is going towards, and track any progress in collecting donations.

Create a specific donation page

A specific donation page makes is easy for your readers to know what you are raising money for and how to donate. You can add all your fundraising efforts on one central page that is easy to update. With Typepad, we made it easy for you to create a page for your website.

From the Post tab, click on Pages on the left. Then click on New Page to create a new page for your blog. Customize the page with the suggestions below, then click on Publish. Now you can add this link to your navigation bar and anywhere else you want to focus on collecting donations.

Clear ways to donate

When asking for money for your nonprofit or cause, you want to make it easy for readers to donate. They should not have to look around searching for a way to give you money. Having multiple options is a great to maximize your donations. Add a PayPal button to the page, if you accept mail in donations clearly write your address. If you have GoFundMe page, add their GoFundMe campaign widget to your page. Clearly put this information in at the top of the page.

How are you using the money?

Are you using the money to shelter kittens? Feed hungry stray dogs? Buy sock for the homeless? Let your readers know. The more they know about what their money is going to, the more they may be willing to donate.

Track your progress

People like to see progress, if they see you are close they may be willing to donate more. The GoFundMe campaign widget will show your progress for readers to easily track. 

Log in to start creating your donation page now.


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?