まとめブログやニュースブログなどのブログメディア作成に最適なデザインテンプレートです。

「まとめ(グレー)」は、かんたんタイトル画像機能に対応しておりますので、
ぜひ自分のブログの顔を飾るタイトル画像を作成して適用してみてください。
かんたん背景画像機能にも対応しており、より自分オリジナルのデザインの構築が可能です。

テンプレート上に、
広告設置スペース、メニューバー、RSS講読ボタン、検索窓、相互RSSなどが
注意書きとともに組み込まれているため、高度なHTML/CSSの知識がない方でも
容易にブログのカスタマイズを行うことができます。

また、PC版のデザインをモチーフにしたスマートフォン版のデザインも用意しております。
スマートフォン版のデザインはこちらよりご確認ください。

まとめ(グレー)


⇒このデザインを設定する

以下は、かんたんタイトル画像機能を適用した例です。※下記画像の赤枠箇所
かんたんタイトル画像機能の利用方法はこちらをご確認ください。


カスタマイズについて

ブログデザインのCSS・HTML編集は、 サポートガイドライン記載の通り
サポート対応の範囲外
です。 お客様ご自身にてご確認・操作をお願いします。

また、ブログデザインのCSS・HTML編集はPC版のみ可能であり、
スマートフォン版や携帯版は編集できません。

お客様のCSS・HTML編集に伴い、ブログ表示が崩れる可能性がございますので、
デザイン保存機能を利用して、編集前に保存してください。
また、ブログ崩れが発生しても弊社では対応いたしかねますので、予めご了承ください。

・ブログデザインのカスタマイズについてのヘルプページはこちら
・カスタマイズしたデザインの保存についてのヘルプページはこちら

 項目一覧 
(確認したい項目をクリックしてください)

  1. 広告設置スペース
  2. メニューバー
  3. Twitterアカウントへのリンク
  4. サムネイル付き人気記事
  5. 相互RSS

1. 広告設置スペース

メインカラムに 728px - 90px の広告が挿入できるスペースがあらかじめ設定されています。
以下のテンプレート内の画像部分を削除して、広告コードを挿入してください。
<!-- 広告コード 720px X 90px はじまり-->
<div class="main-container-ads">
<img src="https://parts.blog.livedoor.jp/img/usr/ver06_km_matomegray_3c/728-90.gif" />
</div>
<!-- /広告コード 720px X 90px ここまで-->

2.メニューバー

デフォルトでは、ホーム、フェイスブック、コンタクト、アバウトというメニュー文字が
入っていますが、こちらのヘルプを参考に、ブログ読者を誘導したい項目を設定してください。

3. Twitterアカウントへのリンク

メニューバーには、Twitterの画像が設置してありますので、
ブログの更新情報等を伝えるTwitterアカウントを運営している場合は、
そのアカウントのURLをリンクさせることができます。

以下のテンプレート内の「http://twitter.com」と記入されている部分に、
自分のTwitterアカウントのURLを記入してください。
<li><a href="http://twitter.com"><img src="https://parts.blog.livedoor.jp/img/usr/ver06_km_matomegray_3c/icon_twitter.png" alt="Twitter" /></a></li><!--Twitter-->

4. サムネイル付き人気記事

人気記事のサムネイル画像が3個表示されるように、テンプレート内で設定してあります。
デフォルトでは、TwitterでReTweetされた回数が表示されるようになっていますが、
こちらを非表示にしたり、コメント数に変更することも可能です。

人気記事の集計期間はデフォルトで1ヶ月間が設定されていますが、
そちらもカスタマイズして変更可能です。詳細はこちらのヘルプをご確認ください。

5. 相互RSS

登録したRSSの最新情報を表示させることができる
livedoor相互RSSのフィードを簡単に設置することができます。

デフォルトでは、ライブドアのブログメディアや
オススメのライブドアブログが登録されたチャンネルが表示されています。
テンプレート内の記述を参考に、デフォルトで貼り付けられているコードに上書きする形で、livedoor相互RSSでチャンネルを2つ作成して、コードを貼り付けてください。

※livedoor相互RSSをご利用になったことがない方は、こちらより簡単に利用開始ができます。