巡回サイト更新情報の作り方

2008年09月09日 23:59

トップページ上にある巡回サイト更新情報の作り方です。何パターンか試してみて一番簡単なタグだけで動いたのを載せます。

 FC2ブログでプラグインが記事の上部に来る仕様のテンプレを使ってる人はドリコムで表示されたコードをコピペするだけなので特に必要ないのですが、そうじゃないテンプレを使ってて表示したい人向けです。

1.ドリコムに登録してブログリストに表示させたいブログを登録する
2.ドリコムで取得したJavaScriptコードをWindowsのメモ帳にコピペする。
  メモ帳はデスクトップで右クリック→新規作成→テキストドキュメントで出てきます。
  貼り付ける際、一緒に表示させたい文字を入れておくと便利です。ここだと「巡回サイト更新情報」のことです。

巡回サイト更新情報
<P>
<script language="javascript" src="http://list.blog.rss.drecom.jp/各人のID" charset="EUC-JP"></script><noscript> </noscript></P>

 ↑こんな感じのが出来たら保存してください。メモ帳は普通に保存するとファイルの拡張子が.txtになるので、ここを.htmlに書き換えるの忘れずに。
 拡張子が表示されない設定になってる人はここの説明に従ってください。

3.保存したhtmlファイルを画像ファイルと同じようにアップロードする。
  FC2だと管理画面左の「ファイルアップロード」ですね。ここで対応形式にhtmlと書いてるのが見えるはずです。
4.横幅を100%に、高さを任意に設定したテーブルにインラインフレーム入れて、3でアップロードしたhtmlファイルを呼び出す。
  急に説明が飛躍しましたね。なんと言って良いか適切な言葉が見つからなかったので、ここでは当ブログで使ってるタグを実際に書き出しますから、コピペして3までに作ったファイルと組み合わせて使ってください。

<!--index_area-->
<table height="250" cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody><tr>
<td><iframe height="250" align="left" width="100%" src="3でアップロードしたhtmlファイルのURL" ></iframe></td>
</tr>
</tbody></table>
<!--/index_area-->

 簡単に補足を。

 このタグの意味はエントリーの上にteble仕込んで領地を囲い込んだ後、そこにiframeでhtmlとしてアップロードしたファイルを表示させるという、取り敢えず動けば良いんじゃねな力業です。テーブルの高さを示すheightは250に設定してますが、ここは使う人の好みで変えられます。横幅のwidthはタグを置く位置――このブログならエントリーブロック――の100%の意味です。pxでも指定できます。どちらの数字もtableとiframe同数に合わせてください。

 もっと最初は丁寧にフリーエリアがどうの、プラグインがどうのと書いてたんですが、簡単に済むなら徹底的に簡素化したい物ぐさ太郎なので、甚だ強引な手に出ました。今のところは問題なく表示されてますよね?

 綺麗なコードが書けるようになりたい、正攻法で攻めたい人はちゃんとしたサイトを参考にしたほうが良いです。よく分からんけど動けばなんでも良い人は、これで大丈夫だと思います。FC2と忍者ブログで動作確認済み。

 タグを挿入する位置ですがFC2では<!--topentry-->の直前が最適なようです。忍者ブログは<!!--$g_explanation-->の後、</div>が二つ続いた直後に入れたら調度よくなりました。どちらもテンプレートの仕様によって変わるかも知れません。プレビュー画面で確認しながら調整してください。

 タグの赤字で示した部分はトップページにだけ表示する記号です。全てのページに表示したい場合は削除してください。

ブログランキング・にほんブログ村へ
Twitterでつぶやく


コメント

    コメントの投稿

    (コメント編集・削除に必要)
    (管理者にだけ表示を許可する)

    トラックバック

    この記事のトラックバックURL
    http://kuzira8.blog114.fc2.com/tb.php/486-0901609a
    この記事へのトラックバック