Tables can be used to display information in a compact presentation.  Let's learn how to create a dynamic table.

• Add a Content Element
• Select the Table icon from the tools menu
• From the Table Properties setup, input how many rows, and columns.  You can add or remove as needed once your table has been created by right-clicking on the table and selecting Table Properties, Cell, Row or Column.
• If your Table will have a header, set where it will be located, then set the alignment.
• Specify the Width/Height and set the Spacing/Padding, if needed.  This can be adjusted in Table Properties, as well.
• Set the Class pull down menu to Table Styled
• Click Save
• Now you can add your content (See sample Below)

Now that you have your Resources loaded, it's much easier to manage them, if you know the quick tricks of editing the properties.  There are up-to six (6) base tools on the resource toolbar.  Let's explore what they are and how to implement them beyond general use.

Let's expand our knowledge and get familiar with the additional features on the Resource panel. 

• TITLE - Used to identify or display where it is used (can be used for hover-overs on home page).  Must be added so that the resource will display on the page.
• NAME - Filename imported (has extension, i.e., .jpg, pdf, png)
• DESCRIPTION - Additional information or links to display where Resource is used (can be edited for hover-overs on home page)
• ALT TEXT - Also know as Alternative Text, is used for users that have the reader turned on for assistance.  This text is read to the user in lieu of seeing the resource. Must be added so that the resource will display on the page.
• TAGS - Adding a tag is useful, tags are for internal use only, but a good tagging system can save time when looking for resources.

In this Blogger edition, we're going to breakdown all of the tools and how to best apply them within your pages.

The Content Toolbar is located at the top of the Content Element. It's a one-stop location to add text, like a word processor, format text-related elements and resources.

To add a Content element, select it form the Modules Tools available when you click ADD ELEMENT from your page.

The Content element is the most basic building block in Composer, and it can accept any kind of text, image, or rich content. Content elements can contain images, embeds, links, or any other content you want to add. 

If you know how to write code - then go ahead and adjust a container on an (interior page).  If not, I've made an embed code for you that you an use on any interior page on your site.  Here's how to do it:

• ADD A CONTENT ELEMENT TO YOUR PAGE:
• CLICK ON THE EMBED CODE ICON OR THE EMBED ICON AND COPY THE CODE TO THE LEFT IN THE FIELD
• CLICK SAVE, PUBLISH YOUR PAGE.

Whether you have the snow fall continuously or from an action, like opening an accordion, it's a cool feature.

These are the grey snowflakes that will show up better on a white background:

Just use the Embed Element to add this HTML script to your webpage and enjoy beautiful falling snowflakes. Happy Holidays!!

<style>
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<div class="snowflakes" aria-hidden="true">
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
</div>