「記事がよかったらいいね！」をBloggerに実装

Blogger-like.html

<b:widget id='HTML17' locked='false' title='Follow Me' type='HTML'>
  <!-- 記事がよかったらいいね　この上から -->
  <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'>
        <data:title/>
      </h2>
    </b:if>
    <div class='widget-content'>
      <div style="padding:10px 0px;"></div>
      <!-- 記事がよかったらいいねPC -->
      <div class="p-entry__push">
        <div class="p-entry__pushThumb" style="background-image: url('ここに画像URLを入れる')"></div>
        <div class="p-entry__pushLike">
          <p>この記事が気に入ったら 
            <br />いいね！しよう 
          </p>
          <div class="p-entry__pushButton">
            <div class="fb-like" data-href="ここにFacebookページのURLを入れる" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
          </div>
          <p class="p-entry__note">最新情報をお届けします</p>
        </div>
      </div>
      <div class="p-entry__tw-follow">
        <div class="p-entry__tw-follow__cont">
          <p class="p-entry__tw-follow__item">Twitterで○○をフォローしよう！</p>
          <a href="ここにTwitterアカウントのURLを入れる" class="twitter-follow-button p-entry__tw-follow__item" data-show-count="false" data-size="large" data-show-screen-name="false">Follow @○○</a>
          <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </div>
      </div>
      <data:content/>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
</b:widget>
<!-- 記事がよかったらいいねスマホ -->
<b:widget id='HTML18' locked='false' title='Follow Me' mobile='only' type='HTML'>
  <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'>
        <data:title/>
      </h2>
    </b:if>
    <div class='widget-content'>
      <div style="padding:10px 0px;"></div>
      <!-- 記事がよかったらいいねスマホ -->
      <div class="p-shareButton p-asideList p-shareButton-bottom">
        <div class="p-shareButton__cont">
          <div class="p-shareButton__a-cont">
            <div class="p-shareButton__a-cont__img" style="background-image: url('ここに画像URLを入れる')"></div>
            <div class="p-shareButton__a-cont__btn">
              <p>この記事が気に入ったらいいね！しよう</p>
              <div class="p-shareButton__fb-cont p-shareButton__fb">
                <div class="fb-like" data-href="ここにFacebookページのURLを入れる" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
                <span class="p-shareButton__fb-unable"></span>
              </div>
            </div>
          </div>
        </div>
        <div class="p-asideFollowUs__twitter">
          <div class="p-asideFollowUs__twitter__cont">
            <p class="p-asideFollowUs__twitter__item">Twitterで○○を</p>
            <a href="ここにTwitterアカウントのURLを入れる" class="twitter-follow-button p-asideFollowUs__twitter__item" data-show-count="false" data-size="large" data-show-screen-name="false">Follow @○○</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
          </div>
        </div>
      </div>
      <data:content/>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
  <!-- 記事がよかったらいいね　この下まで -->
</b:widget>