Typepad Knowledge Base: Other Accounts Sidebar Module

The Other Accounts sidebar module will allow you to easily display links to accounts you have on other services in your blog's sidebar. You can add links to a number of social media accounts and other websites, including Twitter, Facebook, and Pinterest.

Add Accounts to Your Typepad Profile

At Account > Other Accounts, you can add accounts to the Other Accounts module. Learn more.

Add the Other Accounts module to the About Me Page

If you'd like to display the Other Accounts module on your About Me Page, go to Account > About Me Page.

The Configure link, below the "Other Accounts" option, will allow you to see display choices for the module. You can choose a Title to be displayed above your other accounts links. There are two Display Mode options: a List view, which will have the icon and name of the service and your profile name; or a grid view, which will display just the icons for the services in grid format.

Save your changes in that window after making your selections. You can then check the box next to Other Accounts, then Save and Publish at the bottom of the About Me Page.

Add the Other Accounts module to your blog

Basic Templates

In Blogs > Design > Content, select About You from the Categories menu, then Other Accounts from the Modules menu. Finally, click the Add this Module in the details menu.

A dialog window will appear, prompting you with the display choices for the module. You can choose a Title to be displayed above your other accounts links. There are two Display Mode options: a List view, which will have the icon and name of the service and your profile name; or a grid view, which will display just the icons for the services in grid format. Click Save.

The module will appear in the sidebar of your design interface. Click and drag the module to change where it will be displayed.

Save your changes by clicking Save Changes at the bottom of the Content page.

Advanced Templates

As with Basic Templates, you'll first need to choose services in Account > Other Accounts, as described above. You will then add the Other Accounts code directly to your blog's template(s).

If you'd like to display the List view, use this code:

<div class="module-elsewhere module"></p> <h2 class="module-header"><$MTElsewhereSidebarModuleTitle encode_html="1"$></h2> <pre><code> <div class="typelist-plain module-content"> <ul class="module-list"> <MTUserAccountsElsewhere> <li class="module-list-item"> <a href="<$MTUserAccountProfileUrl encode_html="1"$>"><img src="<$MTUserAccountIconUrl encode_html="1"$>" alt="<MTIfNonEmpty tag="MTUserAccountServiceName"><$MTUserAccountServiceName encode_html="1"$><MTElse><$MTUserAccountProfileName strip_http="1" encode_html="1"$></MTElse></MTIfNonEmpty>" width="16" height="16" /></a> <a href="<$MTUserAccountProfileUrl encode_html="1"$>" rel="me"><MTIfNonEmpty tag="MTUserAccountServiceName"><$MTUserAccountServiceName encode_html="1"$>: <$MTUserAccountProfileName encode_html="1"$><MTElse><$MTUserAccountProfileName strip_http="1" encode_html="1"$></MTElse></MTIfNonEmpty></a> </li> </MTUserAccountsElsewhere> </ul> </div> </code></pre> <p></div>

If you'd like to display the Grid view, use this code:

<div class="module-elsewhere module"> <h2 class="module-header"><$MTElsewhereSidebarModuleTitle encode_html="1"$></h2> <div class="module-content"> <MTUserAccountsElsewhere> <a href="<$MTUserAccountProfileUrl encode_html="1"$>" rel="me"><img src="<$MTUserAccountIconUrl encode_html="1"$>" alt="<MTIfNonEmpty tag="MTUserAccountServiceName"><$MTUserAccountServiceName encode_html="1"$><MTElse><$MTUserAccountProfileName strip_http="1" encode_html="1"$></MTElse></MTIfNonEmpty>" width="16" height="16" /></a> </MTUserAccountsElsewhere> </div> </div>

Please note that the header title will be "My Other Accounts" by default. If you'd like to edit that, remove this tag:

<$MTElsewhereSidebarModuleTitle encode_html="1"$>

And replace it with your custom text.

If you had configured the Other Accounts module in your Basic Template prior to switching to an Advanced Template and would like to use those same settings, this is the default code for the module that you would use:

</p> <div class="module-elsewhere module"> <h2 class="module-header"><$MTElsewhereSidebarModuleTitle encode_html="1"$></h2> <MTElsewhereSidebarModuleIfDisplayMode mode="list"> <div class="typelist-plain module-content"> <ul class="module-list"> <MTUserAccountsElsewhere> <li class="module-list-item"> <a href="<$MTUserAccountProfileUrl encode_html="1"$>"><img src="<$MTUserAccountIconUrl encode_html="1"$>" alt="<MTIfNonEmpty tag="MTUserAccountServiceName"><$MTUserAccountServiceName encode_html="1"$><MTElse><$MTUserAccountProfileName strip_http="1" encode_html="1"$></MTElse></MTIfNonEmpty>" width="16" height="16" /></a> <a href="<$MTUserAccountProfileUrl encode_html="1"$>" rel="me"><MTIfNonEmpty tag="MTUserAccountServiceName"><$MTUserAccountServiceName encode_html="1"$>: <$MTUserAccountProfileName encode_html="1"$><MTElse><$MTUserAccountProfileName strip_http="1" encode_html="1"$></MTElse></MTIfNonEmpty></a> </li> </MTUserAccountsElsewhere> </ul> </div> </MTElsewhereSidebarModuleIfDisplayMode> <MTElsewhereSidebarModuleIfDisplayMode mode="grid"> <div class="module-content"> <MTUserAccountsElsewhere> <a href="<$MTUserAccountProfileUrl encode_html="1"$>" rel="me"><img src="<$MTUserAccountIconUrl encode_html="1"$>" alt="<MTIfNonEmpty tag="MTUserAccountServiceName"><$MTUserAccountServiceName encode_html="1"$><MTElse><$MTUserAccountProfileName strip_http="1" encode_html="1"$></MTElse></MTIfNonEmpty>" width="16" height="16" /></a> </MTUserAccountsElsewhere> </div> </MTElsewhereSidebarModuleIfDisplayMode> </div> <p>

Updated 21 June 2018

Not quite what you are looking for? Check out these other articles:

If you are looking to update your design, check out the article on the Design Lab theme building tools.
For information on registering a vanity domain, read the article on Domain Mapping.
For tips on making additional design changes with CSS, see the Custom CSS article.