彼此ともつかぬ場所


□ スポンサー広告 □

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




*    *    *

Information

□ 使用方法 □

for_novel シリーズ 記事に拍手やランキングバナーを設置する

 記事を書く度に、いちいちランキングバナーやFC2拍手などのタグを文末に貼り付けるのが面倒だ、という場合に、テンプレートのHTMLにあらかじめタグを記入する事が出来ます。

 ※ 以下の解説に使われている行番号は、最新版のテンプレートに準拠しています。
 未改造にもかかわらずお手元のテンプレートと相違がみられる場合は、是非最新版をダウンロードし直してください。

 ※ 古いバージョンをお使いの方は、行番号以外の目印も説明に記載しておりますので、それらを参考にしてくださるようお願いいたします。
 ※ 行番号の確認方法については、「カスタマイズの際の行番号」を参照してください。

 タグを挿入する場所は、個別記事画面と通常ブログ画面の二箇所にあります。

 先ずは個別記事画面。HTMLの前半部分、

<!-- ▽ エントリ一覧画面以外 -->
<!--not_titlelist_area-->

<!-- ▽ 固定リンク画面 -->
<!--permanent_area-->

の10行ほど下を見てください。

264行目><!-- ↓ FC2拍手貼り付け位置(← 使用時はこの行を丸々削除してください →)
265行目>        <div class="migi small">FC2拍手のタグ</div>
266行目>     ↑ FC2拍手貼り付け位置(← 使用時はこの行を丸々削除してください →) -->
267行目>
268行目>
    </div>
269行目>
270行目>
    <div class="navi navibottom"><a href="#pagetop" title="ページトップへ">PageTop</a></div>
271行目>    <div class="navi navileft"><a href="<%url>" title="インデックス画面へ">INDEX</a></div>


 この指示どおりに、264行目と266行目を丸々削除して、それから「FC2拍手のタグ」の部分を、表示させたいバナーのタグに置き換えてください。
 ※ 古いバージョンのテンプレートの場合は、264~266行目の記述がありません。268、270、271行目の記述を頼りに、その直前に265行目を付け加えてください。

 複数のバナーを横並びに貼り付ける場合は、
 <a href="……><img src="……></a> <a href="……><img src="……></a>
のようにタグをそのまま並べればOKです。バナーの横に「クリックお願いします」みたいな文字を表示する事も出来ます。細かいレイアウト方法などについては、「TAG index」などのHTML解説サイトを参考にしてください。

 次に、通常ブログ画面の方にも同様にタグを追加します。
 HTMLの終わりの方、

<!-- ▼ メインカラム -->
    <div class="main">

<!-- エントリ -->
<!--topentry-->

のやはり10行ほど後方、

602行目><!-- ↓ FC2拍手貼り付け位置(← 使用時はこの行を丸々削除してください →)
603行目>        <div class="migi small">FC2拍手のタグ</div>
604行目>     ↑ FC2拍手貼り付け位置(← 使用時はこの行を丸々削除してください →) -->
605行目>
606行目>
<!--topentry_tag-->
607行目>        <div class="memo">UserTag:


 上と同様に、602行目と604行目を丸々削除して、それから「FC2拍手のタグ」の部分を、表示させたいバナーのタグに置き換えてください。
 ※ こちらも、古いバージョンのテンプレートの場合は、602~604行目の記述がありません。606、607行目の記述を頼りに、その直前に603行目を付け加えてください。


 以上で、それぞれの記事の末尾に、ランキングバナーやFC2拍手が表示されるようになります。
 ここで注意していただきたいのが、この方法で設置するのは、「FC2拍手」であって「FC2ブログ拍手」ではない、という事です。
「FC2ブログ拍手」については、ブログの管理画面の「ブログ拍手」から、表示方法の設定が出来ますので、そちらをご覧ください。

 オマケで、FC2拍手についてのTipsを。(くどいようですが、「FC2ブログ拍手」ではありませぬ)
 自分のブログ内の記事タイトルを拍手の多い順に表示する事の出来るブログパーツ「FC2拍手ランキング」のテーブルHTMLを、「ブログパーツ「FC2拍手ランキング」カスタマイズ記」に掲載しております。
 このブログパーツを、ご自分のブログに合ったデザインにカスタマイズする際の手助けになれば幸いです。



*    *    *

Information

Date:2009/05/07
Trackback:0
Comment:7

Comment

[78] 利用させていただきました。

はじめまして。トラベルユアーズと申します。
テンプレートお借りします。ありがとうございました。
この度、旅行紹介記事専用のブログを作ることにしました。
「夢の旅人」というタイトルで、ただの宣伝ではなく、見て、読んで楽しい。
お得な旅行またはちょっと珍しい旅をご紹介する予定ですので、
一応商用ですが、使用をお許しください。
(商用不可って書いてなかったのでいいですよね・・・?)
ダメって言われても困るので、ぜひ特例でお許しください。<(_ _)>

デザインもいいですが、構成の的確さとわかりやすさが最高です。
このブログのおかげでカスタマイズもできました。
超初心者の私でできたなんて奇跡的!
どうもありがとうございました。
よろしかったら、UPしたページを見に来てください。
http://yoursryoko.blog85.fc2.com/blog-entry-1.html
記念すべき第1の記事は、南極です。
2009/06/12 【トラベルユアーズ】 URL [編集] 

[79] こちらこそありがとうございます

こちらこそはじめまして。
ダウンロードありがとうございます。
当ブログの共有テンプレートは、アダルトブログ(創作及び二次創作系18禁を除く)でなければご使用出来ます。(画像ナシのテンプレートについては、FC2ブログの規約を遵守している限り、どのジャンルでもOKです)どうぞご安心ください。

色々お褒めの言葉もありがとうございます。嬉しいです♪
これからもよろしくお願いいたします。
2009/06/12 【GreenBeetle】 URL [編集] 

[81] 小説サイト以外での使用について

まると申します。はじめまして。
ブログテンプレートを探してこのデザインにたどり着きました。形状がとても気に入りました。
ただ、現在作りたいブログ(サイト)のテイスト上、使うときにはカスタマイズしたいと考えております。

1:画像の変更
2:背景色含む色の変更

この2点ですが、これをしてしまうとこのテンプレとは全く趣の違うものになってしまいます。けれど、形がとても気に入っていますので迷っています。
このようなカスタマイズをしてもよいものなのでしょうか?
お手数ですがよろしくお願いします。
2009/06/21 【まる】 URL 

[82] カスタマイズはご自由に

こちらこそ、初めまして。ダウンロードありがとうございます!
小説ブログではないにもかかわらず、気に入ってもらえて光栄です。

当ブログが公開している共有テンプレートについては、カスタマイズは自由です。画像でも色でも、どうぞご自分の趣味や用途に合わせてお使いください。
ただし、HTML部分を抜本的に改造しない限りは、コピーライト表示は「Template By GreenBeetle」のままお願いしますね。
2009/06/21 【GreenBeetle】 URL [編集] 

[302] 

こんにちは。お世話になっております。

使用させて頂いているテンプレ(for_novel_olive) に「FC2拍手」を導入したいと考えております。記事ごとではなく、ブログの表紙に設置したいのですが、タグを設置しても表示されません。実は以前、表紙にリンクを貼ろうとしたこともあったのですが、それも表示されませんでした。

どのような原因が考えられますでしょうか?お忙しい中恐縮ですが、ご回答頂ければ幸いです。
2013/04/10 【キューピット】 URL 

[303] >キューピットさん

ダウンロード&ご使用ありがとうございます。

拍手ボタンが表紙に表示されない、とのことですが、どの箇所にどのようなタグを記述したのか、実際のブログを拝見しないと、ちょっと解りません。

非公開コメントでブログアドレスをお知らせいただけますか。
よろしくお願いいたします。
2013/04/10 【GB】 URL [編集] 

[304] 

管理人さま

FC2拍手について質問させて頂いた者です。あれから何度か自分で試してみて設置出来ました。ご報告が遅くなり大変申し訳ありません。今後も引き続き素敵なテンプレを利用させて頂きますね。この度は、わざわざご回答頂きありがとうございました。
2013/04/26 【キューピット】 URL 

コメントの投稿

コメント書き込みの前に、是非一度「コメントについて」に目をお通しください。







 ブログ管理者以外には秘密にする

Trackback

TrackbackUrl:http://greenbeetle2.blog117.fc2.com/tb.php/31-273c093d
この記事にトラックバックする(FC2ブログユーザー)

 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。