{# Footer text (using `HTML` widget) #}

<bp:template>
  <b:widget id='HTML1' locked='true' title='Text' type='HTML' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='content'>
        <![CDATA[
          &copy; &lt;YEAR&gt; &lt;COPYRIGHT HOLDER&gt;. <a href="https://blogger.com/">Powered by Blogger</a>.
        ]]>
      </b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='footer-text'>
        <data:content/>
      </div>
    </b:includable>
  </b:widget>
</bp:template>

<bp:sass>
.footer-text {
  color: inherit;

  a {
    color: inherit;
    opacity: .75;

    &:hover,
    &:focus {
      color: inherit;
      opacity: 1;
    }
  }
}
</bp:sass>