FC2blogのブログテンプレートを配布中

 - - - 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 - -

FC2blogの着せ替えブログスポンサー広告便利なカスタマイズFC2ブログランキングの記事への入れ方

スポンサーサイト

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

羽アイコン FC2 Blog Ranking 羽アイコン

FC2ブログランキングの記事への入れ方

FC2ブログランキングの入れ方についてのお問い合わせがありましたので、記事にしてみますね。

こちらについては、散々、FC2ブログユーザーフォーラムで既出なのですが、テンプレートが違うと良く判らない等あるようなので、「FC2blogの着せ替えブログ」配布のテンプレートの場合、という事で、まとめてみます。

FC2ブログランキング用タグは、あらかじめご自身のFC2ブログランキング管理画面から、ランキングへのリンクタグを取得したり、利用したい画像をアップロードしたりして、用意しておきます。

▽テキストリンクの場合

<a href="http://blogranking.fc2.com/in.php?id=あなたのID" target="_blank">
テキスト
</a>

▽画像リンクの場合

<a href="http://blogranking.fc2.com/in.php?id=あなたのID" target="_blank">
<img src="アップロードした画像URL" width="XX" height="XX" border="0" />
</a>

★ 常に、FC2ブログランキングを記事本文の下に表示させたい場合。

※現在、管理画面で「FC2ブックマーク」を表示させている場合は、「FC2ブログランキング」は、必ず「FC2ブックマーク」の下に表示されます。

FC2ブログランキング用タグは、テンプレートのHTMLに貼り付けます。
<!--/more-->の直後に挿入

<!--more-->
<div><%topentry_more></div>
<!--/more-->
※ここに挿入
</div>
<ul>

★ トップページのように記事が設定数分表示されるようなページでは表示されず、コメント投稿フォーム付きページのような一記事表示ページの時のみ、記事本文の下に表示したい場合。

※現在、管理画面で「FC2ブックマーク」を表示させている場合は、「FC2ブログランキング」は、必ず「FC2ブックマーク」の下に表示されます。

FC2ブログランキング用タグは、テンプレートのHTMLに貼り付けます。
FC2ブログランキング用タグを<!--permanent_area-->~<!--/permanent_area-->で挟んでから、上記の<!--/more-->の直後に挿入する。

<!--permanent_area-->←追加
FC2ブログランキング用タグ
<!--/permanent_area-->←追加

テキストでFC2ブログランキングへのリンクタグを挿入した場合、特に問題はありません。
しかし、画像を利用してFC2ブログランキングへのリンクタグを挿入した場合、テンプレートによっては、画像にフチが表示されてしまいます。

回避方法

FC2ブログランキング用の画像タグにクラス名を付け、スタイルシートへスタイルを追加する。

【HTML】

<a href="http://blogranking.fc2.com/in.php?id=あなたのID">
<img src="画像" class="任意の名前" width="XX" height="XX" border="0" />
</a>

【スタイルシート】

img.任意の名前
background-color: transparent;
border :0px;
margin: 0px;←適宜調整
padding: 0px;

下の行や上の行との間隔は、margin: 0px;の数値で適宜調整してください。
スタイルシートへの追加位置は、どこでもかまいません。

FC2ブログランキングへのリンクの表示位置について

FC2ブログランキングのタグ全体を<p>~</p>で括ると、上下1行分のスペースが空きます。

<p>タグにalign="right"の追加で、右寄せで表示する事が出来ます。
(あまり良いやり方ではありませんが・・・)

FC2ブログランキングのタグ全体を<p>や<div>などのタグで挟み、任意の名前のクラス名を付けますと、スタイルシートで自在にスタイルを調整できます。

<p>や<div>を使った場合、<!--permanent_area-->~<!--/permanent_area-->は、いちばん外側になります。


どうですか?スッキリしましたか?

FC2ブログランキングタグのHTMLへの挿入位置は、トップページなどの複数記事表示ページにも表示の場合でも、一記事表示ページのみ表示の場合でも、同じ位置です。
違うのは、<!--permanent_area-->~<!--/permanent_area-->ブロック変数の有無だけです。

面倒なのは、右寄せや、前後の行との間隔の開け方かもしれないですね。
以下のリンク先を参考に、適宜調整してみてください。

TAG<index>

スポンサーサイト

羽アイコン FC2 Blog Ranking 羽アイコン

ソースネクスト

コメント

早速ありがとうございます

早々に記事を作っていただいてありがとうございました!
検索とかで頑張って模索しながら貼ってみたのですが、
これが正当なやり方かどうかはちょっと正直わかりません。
もしお暇なときに寄っていただいたときに
みていただいて、不都合があれば変更しますので
何卒よろしくお願いいたします<(_ _)>
これからも利用させていただきたく思いますので
末永くよろしくです(*'-')

お好きな所に入れたら良いのでは?

>まぁゆさん

どこにでも、お好きな場所に貼ったら良いのですよ。
正当な位置なんてありませんから。
他のテンプレート作者さんのテンプレートなどを拝見しますと、まぁゆさんが貼り付けされた位置に、広告やランキングバナーを貼ったら良いと、記述されたりしていますし。

お問い合わせの時に、「当ブログで表示しているような位置」という事でしたから、需要があるかもしれないと思い、記事にしてみました。

おはようございます

今朝、はなさんのをみてタグいれてみました。
バッチリできましたー(*'-')
自分的にすごくすっきりしました!
今までもやっと感でやっていたので、
すっきりできて嬉しいです('∇')

自分がやっていたのだと、続きを広げると
真ん中にそのまま表示されてしまうけど、
はなさんのだときちんと下に下がって同じ場所に
固定されてるんですものね。

どうもありがとうございました。よい勉強になりました

はやり下が良かったですか

>まぁゆさん

やはり、いちばん下の位置に表示される方が良かったですか。
お役に立てて良かったです。

初めまして

 初めまして^^ここのブログは、まぁゆさんから教えていただきました^^
 早速質問で申し訳ないんですが、私はFC2ブログランキングタグのHTMLへの挿入位置が分からず困っております^^:
 
★ 常に、FC2ブログランキングを記事本文の下に表示させたい場合。

ってのを参照に位置を探しながら貼り付けたりしてみてるのですが、どうもうまくいきません;;具体的にどこって分かれば助かるんですけど・・・^^:

ここのテンプレでないんですが分かりますでしょうか^^?

きのう、hana

きのう、hanamitsukiが記事は問い合わせした?

どこがどう上手く行かなかったのか?

>Harvardさん

どう上手く行かなかったのか?書いてくださらないと、こちらでも適切な回答を差し上げる事はできません。

テンプレートが違っていても、準備するタグは共通です。
誤りは無いですか?

テンプレートが違っていても、FC2ブログのテンプレートならば、<!--/more-->という変数は必ずあります。
その変数の直後に挿入してみましたか?

タグに誤りが無く、<!--/more-->の直後に挿入してみて、表示がおかしかったら、テンプレートによっては、具合の良い位置があるのかもしれません。
それは、共有ならばその作者さんに問い合わせるか、FC2ブログユーザーフォーラムで、記事の検索をし、それでもわからなければ、尋ねてみると良いでしょう。

<!--/more-->の位置

<!--/more-->の位置分かりました~
実際に入れてみましたけど良いですねー^^
でも、「ブログランキング参加中」とかコメントも一緒に近くに入れたいのですが、やり方が^^:

hanamitsukiさんみたいなランキングの貼り付け方も素敵なのですが、あれはどのようにやるのでしょうか^^:?

あともう少し

なんとかここまで辿り着きました。自己解決したいけど、ダメそう^^:

<!--more--><a name="more" id="more"></a><%topentry_more><!--/more--><p align="left">貴方の笑いで↓をクリック</p>
<a href="http://blogranking.fc2.com/in.php?id=98474" target="_blank"><img src="http://blog77.fc2.com/h/harvard2006/file/f_04.gif" alt="FC2 BlogRanking" border="0">
</a>
</div>

これを右寄せにしたいのですが、コメントだけは右に行くことができるのですが、バナーが右寄りにならないんです;;どこかが間違ってるのですがご教授願えますか;;?

記事中に示したサイト

>Harvardさん

私のサポートは、FC2ブログランキングの管理画面で発行されるタグを使って、私が作成したテンプレートへ挿入する所までです。

他のカスタマイズに関する部分の記事(配置位置に関する記事)については、サービス記事であって、個々に於いてのサポートは受け付けておりません。

私が記事中で示したサイト、TAG<index>さんの記事はご覧になりましたか?
最低限、リンクを張ったページはご覧になってくださいね。
あと、TAG<index>さんの、HP作成関係のページにも、文字を記述する際の例などがありますから、そちらも目を通されたほうが良いかと思います。

私が作成していない(関知していない)テンプレート、基本的なタグのサポートは行ってはおりません。

すみませんでした

申し訳ありませんでした。
コメント消してもらって結構です。

きょうわんわんは

きょうわんわんは、ここに問い合わせしなかった?
hanamitsukiが記事に問い合わせした。

わんわんが問い合

わんわんが問い合わせしたいです。
ここへhanamitsukiは問い合わせする?
hanamitsukiが記事へ問い合わせすればよかった?
きのうはhanamitsukiで問い合わせー!

きょうわんわんが

きょうわんわんがここへ記事に問い合わせされた!

コメント投稿フォーム

(必須)
(必須)
(必須)
(必須)
管理者にだけ表示を許可する

【コメント、トラックバックについて】を読まれましたか?

トラックバックURI

side menu

羽アイコン INDEX 羽アイコン

FC2ブログランキングの記事への入れ方

★★★

【COMMENT】

【TRACKBACK】

    ★★★

    全タイトルを表示

    ★★★

    羽アイコン INFORMATION 羽アイコン

    ★★★

    ご利用の前に

    お問い合わせの前に

    ★★★

    • ▼リンクスタッフがおすすめ!
    • 3000円キャッシュバック中

    ホームページ売上アップ診断+オリジナルSEO対策ツールで売上アップ!
    ホームページ売上アップ診断+オリジナルSEO対策ツールで売上アップ!

    ★★★

    このブログをリンクに追加する

    FC2ブックマークに追加

    羽アイコン RECENT ENTRIES 羽アイコン

    羽アイコン RECENT COMMENTS 羽アイコン

    ★★★

    羽アイコン RECENT TRACKBACK 羽アイコン

    羽アイコン CATEGORY 羽アイコン

    羽アイコン ARCHIVES 羽アイコン

    羽アイコン LINKS 羽アイコン

    羽アイコン MATERIAL 羽アイコン

    【イラスト素材】
    オレンジジュース100%
    オレンジジュース100% 様

    【素材の加工】
    FC2blogの着せ替えブログ

    <こうさぎ背景>
    silverheart

    羽アイコン PROFILE 羽アイコン

    elouai's doll maker 3

    ez-HTML

    Powered By FC2 blog

    FC2Ad






    side menu

    サイトマップラス
    Powered by SEO対策

    マクロミルへ登録

    羽アイコン BLOG PET 羽アイコン

    羽アイコン Collection Picnic 羽アイコン

    ★★★

    羽アイコン 訪問バナー配布中 羽アイコン

    ★★★

    はなみつきのお家に行く!

    ★★★

    はなみつきの家に訪問の際は、コレピクにログインしている必要があります。

    ★★★

    トイザらス・オンラインショッピング

    ★★★

    Apple Store
(Japan)

    art5_120x90.jpg

    羽アイコン おすすめ本・ソフト 羽アイコン

    ベクターPCショップ&ソフトウェア・ライブラリ

    ★★★

    羽アイコン RECOMMEND 羽アイコン

    ★★★

    ★★★

    ★★★

    ★★★

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