Typepad Master Class: Real time social publishing via RebelMouse

June 05, 2013

Welcome to the Typepad Master Class! If you've ever wanted to delve into more advanced trickery with your blog's design, the Master Class is for you. Topics covered in this series are for the adventurous or advanced blogger, so an intermediate to advanced level of knowledge of HTML and CSS will come in handy. Additionally, these guides will often require Custom CSS or Advanced Templates, so a Pro Unlimited account is necessary to access those areas and achieve the look and effects we cover. Interested in upgrading? Just head over to the Account link in your Dashboard and click on Billing Info to get started.

As social sharing sites become more widely used, and grow in quantity with some amazing rapidity, you may find yourself spending more time using them than your blog. Instagram receives all your photos, Twitter all your short thoughts, Facebook your rants to family members or business fans, and your online identity continues to spread across multiple services and platforms each day. Managing that many services may feel a bit overwhelming, but it's a great way to get your brand to the largest possible audience. How do you pull all of that information into a single outlet? Well, a Typepad blogger let us in on a spectacular service that does just that: RebelMouse.

RebelMouse offers a way to integrate a grid display of your social accounts, blended together. With it, you are able to offer your blog readers another way to see fresh content from you, and also enables those who don't follow your blog a method in which to see all of your content in one location.

Blog View Sidebar View

To get started, visit RebelMouse.com, and sign up using one of the services they offer for OpenID registration. You will then need to follow the instructions to add sites to your RebelMouse dashboard. Adding sites is what allows your content to get pulled in and dynamically blended together into a single display stream.

Examples of sites you can add to the stream are:

  • Instagram
    (either a specific hashtag or your entire Instagram stream)
  • Twitter
    (either a specific hashtag or your entire Twitter stream)
  • Facebook
  • RSS feeds
  • Tumblr
  • Pinterest (share your entire Pinterest pinning by using your Pinterest URL and "feed.rss" added to the end; OR you can share a specific board by adding the board URL, replacing the / at the end with ".rss")

With a wide range of customizable account and display options, RebelMouse allows you to display your social media content the way you want it to be shared. You can even add Google Analytics to it if you want to track stats for the widget.

Integrating the widget can be done in two ways: as a larger part of your content, by pasting the HTML into a post or page; or as a smaller element in the sidebar. RebelMouse offers a great knowledge base article on embedding your content with ease, so make sure to check that out.

Tips for embedding RebelMouse

If you choose to display the RebelMouse widget as part of your front page, then you would:

  • Go to Dashboard > Embed in your RebelMouse account.
  • Select "Front Page" for the Embedded Type.
  • For the Embedded Height, we recommend a fixed height if you're going to display this on the front of your blog as a Featured post. If you are going to display it on a separate Page, then you can choose Flexible height and it will auto-scroll content as you scroll down the page.
  • Select "Dark" or "Light" for the Scrollbar theme, choosing the one you think would look best with your blog's theme.
  • Click the "Generate" button.

If you choose to display the RebelMouse widget as part of your sidebar, then you would:

  • Go to Dashboard > Embed in your RebelMouse account.
  • Select "Side bar" for the Embedded Type and choose the number of posts you want to appear.
  • Select "Fixed height" in the Embedded Height section, with a height you're comfortable with.
  • Select "Dark" or "Light" for the Scrollbar theme, choosing the one you think would look best with your blog's theme.
  • Click the "Generate" button.

Copy the code that is generated for you, pasting it into either the HTML tab of the compose editor or the Embed Your Own HTML module for the sidebar. Don't have the Embed Your Own HTML option? Use a Notes Typelist.

Once your additions have been saved, view your blog to check out how they look!

comments powered by Disqus

Welcome

Need help?

Follow us!

Typepad on FacebookTypepad on TwitterTypepad on Google+Typepad on PinterestSubscribe to Everything Typepad

Like us!

Typepad Newsletter

Still having trouble? Contact Support.