このカテゴリは 横ならび目次サンプル(2) で表示させ、他のカテゴリの目次ページとは背景を変更して表示しています。また、このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。
このページは、他のカテゴリの目次ページとは背景を変更して表示しています。また、このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。
このページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。
このカテゴリの記事ページは他の個別記事ページとは背景を変更して表示しています。詳しくは「特定の個別記事ページの背景を変更する」をご覧ください。
 

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-S-green →画像のための記事① (サンプル)
 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加Buzzurlにブックマーク
総もくじ  3kaku_s_L.png テンプレートマニュアル共有テンプレート画像のためのカテゴリ
テンプレートについて 3kaku_s_L.png スポンサーサイト
携帯用Novelテンプレート 3kaku_s_L.png スポンサーサイト
表紙ページ 3kaku_s_L.png スポンサーサイト
Novel List 3kaku_s_L.png スポンサーサイト
目次ページ 3kaku_s_L.png スポンサーサイト
小説本文(個別記事)ページ 3kaku_s_L.png スポンサーサイト
イラストリスト 3kaku_s_L.png スポンサーサイト
全記事一覧ページ(All Titlelist 総目次) 3kaku_s_L.png スポンサーサイト
その他・共通ページ 3kaku_s_L.png スポンサーサイト
携帯用テンプレートのカスタマイズ 3kaku_s_L.png スポンサーサイト
テンプレート別のカスタマイズ 3kaku_s_L.png スポンサーサイト
サイト内配布テンプレート 3kaku_s_L.png スポンサーサイト
テンプレートの衣替え 3kaku_s_L.png スポンサーサイト
裏技カスタマイズ 3kaku_s_L.png スポンサーサイト
総もくじ  3kaku_s_L.png テンプレート一覧共有テンプレート画像のためのカテゴリ
novel-templateタイプ 3kaku_s_L.png スポンサーサイト
novel-tempタイプ 3kaku_s_L.png スポンサーサイト
novel-Sタイプ 3kaku_s_L.png スポンサーサイト
novel-Rタイプ 3kaku_s_L.png スポンサーサイト
novel-Gタイプ 3kaku_s_L.png スポンサーサイト
novel-Jタイプ 3kaku_s_L.png スポンサーサイト
novel-Cタイプ 3kaku_s_L.png スポンサーサイト
素材屋風テンプレート 3kaku_s_L.png スポンサーサイト
疑似フレームテンプレート 3kaku_s_L.png スポンサーサイト
novel-PF2タイプ 3kaku_s_L.png スポンサーサイト
夢小説用テンプレート 3kaku_s_L.png スポンサーサイト
イラストリスト付きテンプレート 3kaku_s_L.png スポンサーサイト
携帯用テンプレート 3kaku_s_L.png スポンサーサイト
一般ブログ用テンプレート 3kaku_s_L.png スポンサーサイト
総もくじ  3kaku_s_L.png テンプレート情報共有テンプレート画像のためのカテゴリ
バージョンアップや改訂内容 3kaku_s_L.png スポンサーサイト
不具合の修正 3kaku_s_L.png スポンサーサイト
その他お知らせなど 3kaku_s_L.png スポンサーサイト
管理人のおススメ 3kaku_s_L.png スポンサーサイト
もくじ  3kaku_s_L.png 未分類
総もくじ  3kaku_s_L.png 小説サンプル(親カテゴリ)共有テンプレート画像のためのカテゴリ
風立ちぬ 3kaku_s_L.png スポンサーサイト
雪の女王 3kaku_s_L.png スポンサーサイト
銀河鉄道の夜 3kaku_s_L.png スポンサーサイト
坊っちゃん 3kaku_s_L.png スポンサーサイト
幸福の王子(夢小説サンプル)  3kaku_s_L.png スポンサーサイト
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit
   
 

「テンプレートマニュアル」
表紙ページ

表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる

 画像のないテンプレートで記事をご覧になる場合は
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-S-green →画像のための記事① (サンプル)
 
カスタマイズの難易度2 カスタマイズの難易度2

2009.8.11.以降にDLなさったNovelテンプレートであれば、表紙ページ下に検索エンジン・加盟している同盟などのバナーを横一列に表示させるためのタグが予め埋め込まれています。
前後のタグをはずし、バナー画像・リンク先アドレスを記載するだけで下のサンプル画像のようにバナーを横一列に並べて設置することができます。

s20-black1-Banner.jpgs20-Sepia-Banner.jpg

s20-Himawari-Banner.jpgs20-Compact-Rose-Banner2.jpg


☆ カスタマイズの前にはコピーをとりましょう!コピーのとり方は こちら  

表紙ページ下に複数のバナーを横一列に表示させる


カスタマイズの方法


[菅理画面]⇒[環境設定]⇒【テンプレートの設定】をクリックして
テンプレートの管理]ページを開く


PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集         こんふうに上から順番に並んでいます。

HTML編集]部分をカスタマイズします。

HTMLをスクロールして以下のソースを探します。
テンプレートのスタイルによって記載内容に若干の違い(<!--index_area-->~<!--/index_area-->の位置・有無・<div>のスタイル指定)があります。


<!--表紙ページ下に検索エンジン・同盟などのバナーを横一列に並べる場合は以下のリンク先のアドレスと画像のアドレスを記載して前後を囲む①の行と②の行を削除-->

<!--①この行を削除
<!--index_area-->
<div>

<a href="リンク先のアドレス" target="_blank"><img src="バナー画像アドレス" alt="" border="0" /></a>
<a href="リンク先のアドレス" target="_blank"><img src="バナー画像アドレス" alt="" border="0" /></a>
<a href="リンク先のアドレス" target="_blank"><img src="バナー画像アドレス" alt="" border="0" /></a>
<br />
</div>
<!--/index_area-->

②この行を削除-->



指示に従って、赤字の部分を削除し、リンク先アドレス、画像アドレスを記載します。

バナー画像・リンク先アドレスを記載したら【 更新 】 をクリックする。


2009.8.11.以前にDLなさったテンプレートをカスタマイズする場合は、一旦ご利用中のテンプレートの名前を変更してから、再度、同じテンプレートをDLしてください。名前の変更については こちら
新しくDLしたテンプレートのHTMLの中から上のソースが記載されている場所を探し出し、それをコピペしてカスタマイズするテンプレートの同じ場所に貼り付けます。

尚、ソースの中の<div>はテンプレートによっては、スタイル指定しており、違いがありますのでご自身でカスタマイズする時は特に、ご注意ください。

<div style="clear:both;">
【novel-templateスタンダードタイプ】【novel-tempタイプ】【novel-Sタイプ】【novel-Rタイプ】

<div style="width:800px;">
[novel-10-mono2]以外の【novel-10タイプ】

<div>スタイル指定なし
[novel-10-mono2]【novel-Wタイプ】

一つ一つのバナーの画像のバイト数はさほどではなくとも、数がまとまれば結構な重さになります。拙作テンプレートの表紙画像は画質を劣してバイト数をいくらか縮小させているとはいえ、重め(500K~800K)のものが多いので、バナーを表示させることによってページが重くなリ過ぎないようにご注意ください。
関連記事
スポンサーサイト
Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加Buzzurlにブックマーク
総もくじ  3kaku_s_L.png テンプレートマニュアル共有テンプレート画像のためのカテゴリ
テンプレートについて 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
携帯用Novelテンプレート 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
表紙ページ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
Novel List 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
目次ページ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
小説本文(個別記事)ページ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
イラストリスト 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
全記事一覧ページ(All Titlelist 総目次) 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
その他・共通ページ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
携帯用テンプレートのカスタマイズ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
テンプレート別のカスタマイズ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
サイト内配布テンプレート 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
テンプレートの衣替え 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
裏技カスタマイズ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
総もくじ  3kaku_s_L.png テンプレート一覧共有テンプレート画像のためのカテゴリ
novel-templateタイプ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
novel-tempタイプ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
novel-Sタイプ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
novel-Rタイプ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
novel-Gタイプ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
novel-Jタイプ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
novel-Cタイプ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
素材屋風テンプレート 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
疑似フレームテンプレート 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
novel-PF2タイプ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
夢小説用テンプレート 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
イラストリスト付きテンプレート 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
携帯用テンプレート 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
一般ブログ用テンプレート 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
総もくじ  3kaku_s_L.png テンプレート情報共有テンプレート画像のためのカテゴリ
バージョンアップや改訂内容 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
不具合の修正 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
その他お知らせなど 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
管理人のおススメ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
もくじ  3kaku_s_L.png 未分類
総もくじ  3kaku_s_L.png 小説サンプル(親カテゴリ)共有テンプレート画像のためのカテゴリ
風立ちぬ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
雪の女王 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
銀河鉄道の夜 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
坊っちゃん 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
幸福の王子(夢小説サンプル)  3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
総もくじ  3kaku_s_L.png 画像のためのカテゴリ共有テンプレート画像のためのカテゴリ
人物イラストのためのカテゴリ 3kaku_s_L.png 表紙ページ下に検索エンジン・サイトなどの複数のバナーを横一列に表示させる
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit ▽TB[0]▽CO[3]
関連カスタマイズ記事一覧 カスタマイズの難易度2 バナーの設置 
   

~ Comment ~

初歩的な質問かもしれませんが・・。

はじめまして。お世話になっています。
初歩的な質問、よろしいでしょうか。(すでに説明されていたら、すみません)
新しい記事を書く欄にはランキングバナーは表示されるのですが、表紙にバナーが表示されません。特別な設定になるのでしょうか。
あと、そのバナーの近くに
「ランキングに参加しています。ご協力ください」というメッセージを置くことはできませんか?
お忙しいところ、本当に申し訳ありません。

To : lime 様

DLとコメント、ありがとうございます。

> 新しい記事を書く欄にはランキングバナーは表示されるのですが、表紙にバナーが表示されません。特別な設定になるのでしょうか。

表紙にバナーを設置する場合、プラグイン3にフリーエリアを追加してそちらにバナーを貼る方法と表紙の底部分に一列に並べる方法とがあります。
ブログを拝見させていただきましたが、小説ページに貼られているバナーと同じ枚数だけを表示させたいのであれば、プラグイン3を使われる方が簡単でよいのではないかと思います。

【環境設定】⇒【プラグインの設定】⇒【公式プラグインの追加】⇒
[拡張プラグイン]【フリーエリア】⇒【追加
開いた画面の編集エリアにバナーを貼り付けて⇒【追加

尚、フリーエリアの編集画面で、プラグイン説明(上部)  にコメントを入力すればバナーの上、もしくは下にそのコメントが表示されます。
タイトル も初期設定の フリーエリア から ランキング協力のお願い などに変更できます。

また、現在は、プラグイン3にコメントも表示されておりますが、コメントは表紙ページ左エリアに既に表示されておりますので、コメントをプラグイン3から2か1に移されるとよいかと思います。
プラグイン3を表紙ページに表示させる方法については以下の記事をご参照ください。

http://noveltemplate.blog26.fc2.com/blog-entry-42.html

管理人様、ありがとうございました!

早速のご回答、ありがとうございました!感激です。
思い通りの設定にできました。
フリースペースという便利なものがあったのを知りませんでした。これはいいですね。
コメント欄も移動してすっきりしました。
本当に、いろいろありがとうございました!!
カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←novel-S-green    →画像のための記事① (サンプル)

名前変換フォーム

Script by
ブログで夢小説!ユメミル?
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。