ブログ用自動更新カウントダウンバナー貼り付けコード

下の黒い■内の文字列をそのままブログ等の貼りたいところにコピペしてください

<div style="width: 300px; height 400px; background-size: contain; background-image: url('https://ysblog.org/tools/ysad3/image.php'); background-repeat: no-repeat;">
  <a href="https://ysblog.org/tools/ysad3/urla.php" target="_blank">
    <div style="width:300px; height: 300px;" >
    </div>
  </a>
  <a href="https://ysblog.org/tools/ysad3/urlb.php" target="_blank">
    <div style="width:300px; height: 100px;" >
    </div>
  </a>
</div>

みほん(このように表示されます)

 

画像内のカウントダウン数字は自動的に更新されます
イベントが修了後は、友の会側の設定により自動的に新しくなりますので、そのままで大丈夫です
※ビジュアルモードではなくhtmlモードで貼り付けてください(ブログによって呼び方は違うことがあります)
※サイドバーに貼ったり、ブログの署名機能や定型文登録機能を使うと、毎回貼る手間が省けます(できるかは各ブログによります)

中央揃えで貼り付けたい方は以下をコピペして下さい(大きさの変更はできません)

<div style="width: 100%; height 350px; text-align: center; ">
  <div style="width: 300px; height 350px; background-size: contain; background-image: url('https://ysblog.org/tools/ysad3/image.php'); background-repeat: no-repeat; display:inline-block;">
    <a href="https://ysblog.org/tools/ysad3/urla.php" target="_blank">
      <div style="width:300px; height: 300px;" >
      </div>
    </a>
    <a href="https://ysblog.org/tools/ysad3/urlb.php" target="_blank">
      <div style="width:300px; height: 50px;" >
      </div>
    </a>
  </div>
</div>

右寄せで貼り付けたい方は以下をコピペして下さい(大きさの変更はできません)

<div style="width: 100%; height 350px; text-align: right; ">
  <div style="width: 300px; height 350px; background-size: contain; background-image: url('https://ysblog.org/tools/ysad3/image.php'); background-repeat: no-repeat; display:inline-block;">
    <a href="https://ysblog.org/tools/ysad3/urla.php" target="_blank">
      <div style="width:300px; height: 300px;" >
      </div>
    </a>
    <a href="https://ysblog.org/tools/ysad3/urlb.php" target="_blank">
      <div style="width:300px; height: 50px;" >
      </div>
    </a>
  </div>
</div>
タイトルとURLをコピーしました