Add A Scroll Bar To Large Tables

Add A Scroll Bar To Large Tables

Sometimes you need to provide a lot of information in a table format. Large tables can be hard to read when they are shrunk down on mobile devices. You can quickly add a piece of code to your table to give it a horizontal scroll bar. When mobile readers view your blog, they can scroll through the table. 

First you will need to add your table. Click on the Table drop down and select Table. Highlight how many cells you will need. 

Create A Table

After you have inserted your table you can customize it by adding your content and changing the properties. 

Once your table is complete, click on the HTML tab on the top right of the compose page. Find the table in the HTML. The table starts with <table> and ends with </table>.  A great way to help block out this code is to put a space before and after the table code.  

Here is how it looks before you enter the code:

How code looks in the HTML tab

Above your <table> tag, add the following code: 

<div style="overflow-x:auto;">

After <\table> add the following code:

</div>

Here is how it looks after you add the code

How the code looks after

Save/Publish your changes, then click on the Rich Text tab to see your table. You may not see the horizontal scroll bar on the compose page, so preview or publish your post to see the scroll bar.

Check out the horizontal scroll bar in action. We have added it to the table below. You may need to reduce the size of your browser window or view this post on a mobile device to see the scroll bar at the bottom of the table.

  Grade Grade Grade Grade Grade Grade Grade Grade Grade Grade
Eric 75% 80% 100% 94% 87% 100% 79% 86% 92% 86%
June 95% 78% 100% 86% 73% 96% 97% 92% 86% 94%

When creating any post you need to make sure you keep your mobile readers in mind. When the table is viewed on a mobile device your readers will be able to horizontally scroll through all your columns and easily read your table. Make sure you are using one of our mobile themes so your blogs looks flawless on mobile devices. 

Go to your account now to get started!


Featured Blog: Mexico Cooks!

Featured Blog_ Mexico Cooks!

Mexico Cooks! is about exploring Mexican culture through its delicious food. Author Cristina Potters has lived in Mexico for 30 years, which gives her the insider perspective on life, cultures, and cuisines from this complex and glorious country. If you have questions about a particular herb found in Mexico, regional dishes, or seasonal meals, check out her blog today.

Follow: Typepad | Twitter

Would you like your blog featured on Everything Typepad?

Button_be-featured-today


2018: An Early Guide To The Shopping Holidays

2018_ An Early Guide To The Shopping Holidays

The holidays are coming. While you are getting your home ready for friends and family, think about your plans for your blog. You can give your blog a new look for the holidays and start planning your holiday promotions. Being prepared will make the holidays go by smoother. 

Dates

The main shopping holidays to start planning for: 

Halloween Tuesday, Oct 31st
Thanksgiving Thursday, Nov 22nd
Black Friday, Nov 23rd
Small Business Saturday, Nov 24th
Cyber Monday, Nov 26thth
Giving Tuesday, Nov 27th
Hanukkah Begins Tuesday, Dec 2th
Hanukkah Ends Wednesday, Dec 10th
Christmas Eve Sunday, Dec 24th
Christmas Day Monday, Dec 25th
New Year's Day Sunday, Jan 1st

These are the main holidays that US customers expect to find promotions for. Use that to your advantage. These holidays encourage people to purchase gifts for their loved ones. 

You should have a plan for an overall promotion and each shopping holiday should have its own version of the promotion. If you are blogging for business, we recommend you take the time to think out a Black Friday, Small Business Saturday, Cyber Monday, and Giving Tuesday strategy. These are the main shopping days readers plan for. Letting readers know you will be providing deals during these holidays will help them plan their shopping strategy.

Organizations to help you prepare

This is a one stop post to help you get started on your strategy. We did the research for you and prepared a list of places to start. Their websites are full of information that can help guide your holiday strategy. 

Small Business Saturday  Giving Tuesday

Create Material for your Small Business Saturday Promotions

Get your Community together for Small Business Saturday

Giving Tuesday Blog

Giving Tuesday's Tool Kit

Typepad Constant Contact

Call To Action Button

Pre-Schedule Posts

Prepare for Small Business Saturday

Prepare for Cyber Monday

Prepare for Giving Tuesday

Constant Contacts Holiday Blog

Constant Contact Holiday Planning

Hashtags

Hashtags are a great way to get found through social media. We have gathered a list of all the hashtags we could find for each of the shopping holidays and put them in an easy to read infographic for you to use! Use them along with your branded hashtags to help  promote your blog and deals. 

2018 Holiday season


You will feel relieved after all the planning is done and you can sit back and relax during this holiday season. What promotion strategies have worked for you in the past? What has not worked? What is your go to source to help get ideas for the coming shopping holidays? Share with your fellow Typepad Bloggers in the comments below! 

 


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. 


Featured Blog: Hewn & Hammered

HandH

Hewn & Hammered it the home project blog of your dreams. The site is full of wonderful hints and tips for all kinds of home projects to repairs. Learn more about architecture styles and see them restored. Read their book reviews to find the perfect book for the perfect project or inspiration.

Follow: Typepad

Would you like your blog featured on Everything Typepad?

Button_be-featured-today


Can I Make My Blog Not Look Like a Blog?

Landing Page_2
Did you know that your blog with Typepad does not have to look like a blog? If you have a business and you want to keep your blog but expand your web presence, you can build a website around your blog.  

When someone visits your blog, maybe you do not want them to go to your blog right away but to a "Welcome" page instead which can point them to different places on your website (including your blog).

Post or Page

Every blog includes Pages which can be set up separate from your blog.  Pages are not date driven like blog posts and they do not appear in your blog feed.  One of these pages can be created as a Landing Page.  The Landing Page is the first page your visitors see when they visit your site.  By default, this would be your Typepad blog but you can change this by changing the "Front Page" settings.  

Once your page is created and saved, it becomes available to set up as your front page in your settings.  You can access this by going to Settings > Posts > Front Page. The name of the page you just created is included in the drop-down menu to select. 

Front Page Display

After you save your Landing Page, a URL will appear in this section for your blog link. It will look similar to: 

https://example.typepad.com/my_blog/blog_index.html 

If you wish to add a link to your blog on your Landing Page, this would be the URL to use.  Other types of pages you can link to on your Landing Page would be an About Page, Contact Page, or a Shop to sell your item or service.

Once your Front Page is saved, your "blog" will have a new look!

Welcome To My Website

If you wish to not display the sidebar on just your Landing Page but on the rest of your blog, you can do this by adding CSS code to the HTML editor of your page.  The CSS code differs based on the theme you are using: 

Have you created a Landing Page on your blog? Share a link in the comments so we can check it out! If you want to create a Landing Page, sign in to your Typepad account today to get started. 


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!


Featured Blog: Indrani Perera

IP Logo

Indrani Perera is full of the adventurous spirit of Australia. With her blog, she shares her explorations with her readers. She's passionate about using natural materials and traditional methods to make the things she needs. From creating pesto, traveling to Adelaide, and making her own toothpaste. She does it all and then shares all she learns with everyone. Join in on the experience by following her blog today! 

Follow: Typepad | Instagram | Pinterest | GoodReads

Would you like your blog featured on Everything Typepad?

Button_be-featured-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.