Entries
2008.09/09 [Tue]
巡回サイト更新情報の作り方
トップページ上にある巡回サイト更新情報の作り方です。何パターンか試してみて一番簡単なタグだけで動いたのを載せます。
FC2ブログでプラグインが記事の上部に来る仕様のテンプレを使ってる人はドリコムで表示されたコードをコピペするだけなので特に必要ないのですが、そうじゃないテンプレを使ってて表示したい人向けです。
1.ドリコムに登録してブログリストに表示させたいブログを登録する
2.ドリコムで取得したJavaScriptコードをWindowsのメモ帳にコピペする。
メモ帳はデスクトップで右クリック→新規作成→テキストドキュメントで出てきます。
貼り付ける際、一緒に表示させたい文字を入れておくと便利です。ここだと「巡回サイト更新情報」のことです。
拡張子が表示されない設定になってる人はここの説明に従ってください。
3.保存したhtmlファイルを画像ファイルと同じようにアップロードする。
FC2だと管理画面左の「ファイルアップロード」ですね。ここで対応形式にhtmlと書いてるのが見えるはずです。
4.横幅を100%に、高さを任意に設定したテーブルにインラインフレーム入れて、3でアップロードしたhtmlファイルを呼び出す。
急に説明が飛躍しましたね。なんと言って良いか適切な言葉が見つからなかったので、ここでは当ブログで使ってるタグを実際に書き出しますから、コピペして3までに作ったファイルと組み合わせて使ってください。
このタグの意味はエントリーの上にteble仕込んで領地を囲い込んだ後、そこにiframeでhtmlとしてアップロードしたファイルを表示させるという、取り敢えず動けば良いんじゃねな力業です。テーブルの高さを示すheightは250に設定してますが、ここは使う人の好みで変えられます。横幅のwidthはタグを置く位置――このブログならエントリーブロック――の100%の意味です。pxでも指定できます。どちらの数字もtableとiframe同数に合わせてください。
もっと最初は丁寧にフリーエリアがどうの、プラグインがどうのと書いてたんですが、簡単に済むなら徹底的に簡素化したい物ぐさ太郎なので、甚だ強引な手に出ました。今のところは問題なく表示されてますよね?
綺麗なコードが書けるようになりたい、正攻法で攻めたい人はちゃんとしたサイトを参考にしたほうが良いです。よく分からんけど動けばなんでも良い人は、これで大丈夫だと思います。FC2と忍者ブログで動作確認済み。
タグを挿入する位置ですがFC2では<!--topentry-->の直前が最適なようです。忍者ブログは<!!--$g_explanation-->の後、</div>が二つ続いた直後に入れたら調度よくなりました。どちらもテンプレートの仕様によって変わるかも知れません。プレビュー画面で確認しながら調整してください。
タグの赤字で示した部分はトップページにだけ表示する記号です。全てのページに表示したい場合は削除してください。
FC2ブログでプラグインが記事の上部に来る仕様のテンプレを使ってる人はドリコムで表示されたコードをコピペするだけなので特に必要ないのですが、そうじゃないテンプレを使ってて表示したい人向けです。
1.ドリコムに登録してブログリストに表示させたいブログを登録する
2.ドリコムで取得したJavaScriptコードをWindowsのメモ帳にコピペする。
メモ帳はデスクトップで右クリック→新規作成→テキストドキュメントで出てきます。
貼り付ける際、一緒に表示させたい文字を入れておくと便利です。ここだと「巡回サイト更新情報」のことです。
↑こんな感じのが出来たら保存してください。メモ帳は普通に保存するとファイルの拡張子が.txtになるので、ここを.htmlに書き換えるの忘れずに。巡回サイト更新情報
<P>
<script language="javascript" src="http://list.blog.rss.drecom.jp/各人のID" charset="EUC-JP"></script><noscript> </noscript></P>
拡張子が表示されない設定になってる人はここの説明に従ってください。
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>が二つ続いた直後に入れたら調度よくなりました。どちらもテンプレートの仕様によって変わるかも知れません。プレビュー画面で確認しながら調整してください。
タグの赤字で示した部分はトップページにだけ表示する記号です。全てのページに表示したい場合は削除してください。
- Tag List
- [日記]






Comment
Comment_form