ブログパーツ作成

MAKE BLOGPARTS

 
「カキタレ」のブログパーツを作成します。表示方法やデザインを詳細にカスタマイズできます。

基本設定

複数指定したい場合は半角スペースで区切ってください。

複数指定したい場合は半角スペースで区切ってください。

(1~30件)

(1~30件)

PCとスマートフォントで表示件数を変えたい場合に指定してください。

PCとスマートフォントで表示件数を変えたい場合に指定してください。

div id="kakitare_parts"

1ページに複数個設置したい方は必ず設定してください(数字のみ)。

タイトル

#

表示位置が「画像に乗せる」の場合のみ有効です。

px

(8~30px)

(1~5行)

#
#

画像・再生時間

画像を表示しない場合は、再生時間も表示されません。

全体

#
#
px
px

0pxで線なし。

#

枠線の太さが0pxの場合は無視されます。

px

表示サンプル

貼り付け用コード

見た目を調整したい方

id="kakitarePartsWrapper"で囲んでありますので、ご自由にスタイルシートで調整してください。スタイル指定している属性については「!important」を追加してください。
出力するHTMLコードは以下のようになります。

<div id="kakitarePartsWrapper" class="kakitarePartsWrapper">
  <div class="itemRow">
    <div class="item">
      <a href="記事URL" target="_blank">
        <div class="itemTitle">
          <p>タイトル</p>
        </div>
        <div class="itemBody">
          <div class="itemImage">
            <img src="画像URL" />
          </div>
          <span class="movieTime">○○分</span>
        </div>
      </a>
    </div>
    <!-- 以下class="item"が続く -->
  </div>
  <!-- 以下class="itemRow"が続く -->
</div>