tag:blogger.com,1999:blog-19505349Sun, 13 Apr 2008 02:12:53 +0000http://blogger.kuribo.info/KuriboBlogger32125tag:blogger.com,1999:blog-19505349.post-114501392227532367Fri, 14 Apr 2006 11:24:00 +00002007-05-17T14:00:13.568+09:00このサイトでは、初めて Blogger にふれる人向けに、Blogger の基本的な使い方や設定方法、ブログ運営などについて紹介しています。<br /> <br /> より高度な情報や、最新の Blogger 情報については、ぜひ <a href="http://www.kuribo.info/" target="_blank">クリボウの Blogger Tips</a> をご覧下さい。http://blogger.kuribo.info/2006/04/blog-post_114501392227532367.htmlKuribotag:blogger.com,1999:blog-19505349.post-114501382431530452Fri, 14 Apr 2006 11:23:00 +00002007-08-18T17:09:56.431+09:00<b class="icon1"><a href="http://blogger.kuribo.info/2006_03_26_archive.html" style="color:black;text-decoration:none;">１．Blogger のすすめ</a></b> <ul> <li><a href="http://blogger.kuribo.info/2006/03/blogger_29.html">Blogger を始めよう</a></li> <li><a href="http://blogger.kuribo.info/2006/03/blog-post_28.html">投稿を開始する前に（最初の設定）</a></li> </ul> <b class="icon1"><a href="http://blogger.kuribo.info/2006_03_19_archive.html" style="color:black;text-decoration:none;">２．ブログの設定</a></b> <ul> <li><a href="http://blogger.kuribo.info/2006/03/blog-post_23.html">テンプレート</a></li> <li><a href="http://blogger.kuribo.info/2006/03/blog-post.html">文字エンコード</a></li> <li><a href="http://blogger.kuribo.info/2006/03/rss.html">RSS</a></li> <li><a href="http://blogger.kuribo.info/2006/03/blogger_21.html">外部サーバーの利用</a></li> </ul> <b class="icon1"><a href="http://blogger.kuribo.info/2006_03_12_archive.html" style="color:black;text-decoration:none;">３．ブログ運営</a></b> <ul> <li><a href="http://blogger.kuribo.info/2006/03/blogger_18.html">Blogger 関連情報</a></li> <li><a href="http://blogger.kuribo.info/2006/03/blog-post_17.html">投稿</a></li> <li><a href="http://blogger.kuribo.info/2006/03/blog-post_114535970267797482.html">コメント</a></li> <li><a href="http://blogger.kuribo.info/2006/03/ping.html">更新 Ping</a></li> <li><a href="http://blogger.kuribo.info/2006/03/blog-post_16.html">トラックバック</a></li> <li><a href="http://blogger.kuribo.info/2006/03/blog-post_114663696077782941.html">フィードリーダー</a></li> </ul> <b class="icon1"><a href="http://blogger.kuribo.info/2006_03_05_archive.html" style="color:black;text-decoration:none;">４．アクセスアップ</a></b> <ul> <li><a href="http://blogger.kuribo.info/2006/03/blog-post_10.html">検索サイトへの登録</a></li> <li><a href="http://blogger.kuribo.info/2006/03/google-sitemaps.html">Google ウェブマスターツール</a></li> <li><a href="http://blogger.kuribo.info/2006/03/yahoo-site-explorer.html">Yahoo! Site Explorer</a></li> <li><a href="http://blogger.kuribo.info/2006/03/blog-post_08.html">ブログランキングサイト</a></li> </ul> <b class="icon1"><a href="http://blogger.kuribo.info/2006_02_26_archive" style="color:black;text-decoration:none;">５．アフィリエイト</a></b> <ul> <li><a href="http://blogger.kuribo.info/2006/03/blogger_04.html">Blogger でアフィリエイト</a></li> <li><a href="http://blogger.kuribo.info/2006/03/adsense.html">AdSense</a></li> <li><a href="http://blogger.kuribo.info/2006/03/amazoncojp.html">Amazon</a></li> <li><a href="http://blogger.kuribo.info/2006/03/blog-post_02.html">はてなポイント</a></li> </ul> <b class="icon1"><a href="http://blogger.kuribo.info/2006_02_19_archive" style="color:black;text-decoration:none;">６．カスタマイズ</a></b> <ul> <li><a href="http://blogger.kuribo.info/2006/02/feed2js.html">ブログ内にフィードを表示</a></li> <li><a href="http://blogger.kuribo.info/2006/02/blogger.html">カテゴリー</a></li> <li><a href="http://blogger.kuribo.info/2006/02/blogger_21.html">カレンダー</a></li> <li><a href="http://blogger.kuribo.info/2006/02/blogger_20.html">「続きを読む」リンク</a></li> <li><a href="http://blogger.kuribo.info/2006/02/blogger_19.html">「翻訳」リンク</a></li> <li><a href="http://blogger.kuribo.info/2006/02/blogger_115009830404831466.html">「最近のコメント」リスト</a></li> </ul> <b class="icon1"><a href="http://blogger.kuribo.info/2006_02_12_archive" style="color:black;text-decoration:none;">７．資料</a></b> <ul> <li><a href="http://blogger.kuribo.info/2006/02/blogger-12.html">Blogger の 12 時間表記</a></li> <li><a href="http://blogger.kuribo.info/2006/02/url.html">投稿タイトルと URL</a></li> <li><a href="http://blogger.kuribo.info/2006/02/blogger-url.html">フィード URL とパラメータ</a></li> <li><a href="http://blogger.kuribo.info/2006/02/blog-post.html">レイアウトテンプレートのエラーメッセージ一覧</a></li> </ul>http://blogger.kuribo.info/2006/04/blog-post_14.htmlKuribotag:blogger.com,1999:blog-19505349.post-114414613621545396Tue, 28 Mar 2006 15:00:00 +00002007-08-05T09:11:20.397+09:00<a href="http://www.blogger.com/" target="_blank">Blogger</a> というのは <a href="http://www.google.com/" target="_blank">Google</a> が運営しているブログ作成サービスの名前です。このサイトも実は Blogger で出来ています。<br /> <br /> <br /> <b class="icon1">Blogger の長所</b> <br /> この Blogger、他のブログサービスと比べたときの長所を挙げてみると、<br /> <br /> <ul> <li>無料</li> <li>画像は合計 1GB まで投稿可能（Picasa Web Albums と連携）</li> <li>動画は 1 ファイル 100MB まで投稿可能（Google Video と連携）</li> <li>携帯電話からの投稿が可能</li> <li>サーバー不要</li> <li>自分の管理するサーバーに公開することも可能（インストール不要）</li> <li>独自ドメインに対応（サーバーなしでも可）</li> <li>スクリプト使用可など、カスタマイズの自由度が高い</li> <li>ひとつのアカウントで、複数のブログを管理できる</li> <li>複数のユーザーで、ひとつのブログを管理できる</li> <li>知人にだけ公開することも可能</li> </ul> こんなところだと思います。<br /> <br /> Blogger は海外で特に評価が高く、2006 年の <a href="http://2006.bloggies.com/" target="_blank">Sixth Annual Weblog Awards</a> で最優秀ブログツールに選ばれたりもしています。<br /> <br /> <br /> <b class="icon1">Blogger の短所</b> <br /> 先に長所を書きましたが、Blogger もいいところばかりというわけではありません。他のブログサービスにあって Blogger にない機能としては、<br /> <br /> <ul> <li>トラックバック機能</li> <li>カテゴリー分類</li> <li>カレンダー</li> <li>「続きを読む」機能</li> <li>最近のコメント欄</li> </ul> などが挙げられます。けっこう色々ありますね…。<br /> <br /> でも Blogger には、トラックバックの代わりに <a href="http://search.blogger.com/" target="_blank">Google Blog Search</a> のデータを元にした <a href="http://help.blogger.com/bin/answer.py?answer=42533" target="_blank">Backlinks</a> という機能がありますし、外部サービスを利用してブログにトラックバック欄をつけたり、他のブログにトラックバックピングを送信したりすることもできます。<br /> <br /> このサイトのトップページにも載せているように、他の機能もテンプレートをカスタマイズすることで、たいてい導入することができます。標準でついていない機能でも、自分で追加していけるということです。<br /> <br /> <br /> <b class="icon1">Blogger の自由度の高さ</b> <br /> この、ブログをどんどんカスタマイズしていけるという自由度の高さが Blogger の大きな魅力だと思います。<br /> <br /> 自分の文章や写真を、手軽に公開したいという人から、いろんな機能を取り入れて、世界にひとつしかないブログをつくりたいという人まで、Blogger はいろんな人の要望に応えてくれると思います。<br /> <br /> <br /> <b class="icon1">日本の Blogger ユーザー</b> <br /> Blogger は海外のサービスのため、日本でのユーザーはまだまだ多くありません。ですが Blogger のサービス、ヘルプがそれぞれ日本語化されたり、新しい機能もたくさん追加されてきている中で、少しずつユーザーも増えてきています。<br /><br /> 　<a href="http://update.kuribo.info" target="_blank">日本語 Blogger 更新情報</a><br /> 　<a href="http://blogger.ring.hatena.ne.jp/" target="_blank">Blogger リング</a><br /> 　<a href="http://groups.google.com/group/japan-blogger-users" target="_blank">Japan Blogger Users Group</a><br /> <br /> クリボウはなかなか Blogger の魅力を伝えきれないんですが、色々な日本語 Blogger を確認して、Blogger ブログの可能性を感じ取ってもらえたら、と思います。<br /> <br /> そして、気が向いたらぜひ Blogger へ。<br /> Blogger ブログの開始は <a href="http://www.blogger.com/" target="_blank">Blogger.com</a> からどうぞ。<a href="http://www.blogger.com/tour_start.g" target="_blank">Blogger ガイドツアー</a>も用意されています。http://blogger.kuribo.info/2006/03/blogger_29.htmlKuribotag:blogger.com,1999:blog-19505349.post-114415096452922959Mon, 27 Mar 2006 15:00:00 +00002007-05-17T16:50:55.673+09:00Blogger ブログの新規開設は、<br /><br /> <ul> <li>アカウントの作成</li> <li>ブログに名前を付ける</li> <li>テンプレートを選択</li> </ul> の３つの手順で簡単に行うことができます。手順は全て日本語化されているので、とまどうこともないと思います。<br /> <br /> この後すぐに投稿を開始できますが、最初の記事を投稿する前にしておいた方がいいことを、ここに書いておきます。<br /> <br /> <br /> <b class="icon1">文字化け対策</b> <br /> ブログが文字化けしたり、何も表示されずに真っ白になるといったトラブルを回避するために、文字エンコードの設定をしておきます。こちらを参考にしてください。<br /> <br /> <ul> <li><a href="http://blogger.kuribo.info/2006/03/blog-post.html">文字化け対策、エンコードのこと</a></li> </ul> FTP 経由公開 Blogger の場合、文字エンコード方式は途中で変更することが可能です。けれどもその場合、変更後に投稿とコメントとが必ず文字化けしてしまいます。投稿はバックアップしているものを使って書き直せばいいんですが、文字化けしたコメントはそうはいきません。<br /><br /> 他人のつけてくれたコメントを削除せずにすむように、文字エンコードの設定は最初にしておく方がいいですね。<br /> <br /> <br /> <b class="icon1">タイムゾーン</b> <br /> ブログの細かい設定方法については <a href="http://help.blogger.com/bin/topic.py?topic=8916" target="_blank">ヘルプ：設定</a>ページを確認してもらうといいんですが、その各種設定の中でも特に重要なのが、タイムゾーンの設定です。<br /> <br /> Blogger 管理画面「設定 ＞ フォーマット」から「タイムゾーン」を「UTC +09:00 日本標準時」にしておきましょう。<br /> <br /> このタイムゾーン情報は各投稿やコメント、Atom・RSS といったフィードの日付情報に反映されます（<a href="http://help.blogger.com/bin/answer.py?answer=41963" target="_blank">ヘルプ：タイム ゾーンの設定を変更するにはどうすればよいですか</a>）。<br /> <br /> <br /> <b class="icon1">プロフィールの編集</b> <br /> Blogger ユーザーのプロフィール画面は、自分が運営している各ブログのサイドバーからアクセスすることが出来ます。また、他人の Blogger ブログにコメントした時にも、コメント投稿者としてプロフィールへのリンクが張られます。コメントからプロフィールを確認し、そこに記されているブログを訪れるという人も多いと思います。なのでこのプロフィール編集も、早めにしておいた方がいいでしょうね。<br /> <br /> プロフィールの編集は、Blogger 管理画面「プロフィールを編集」リンクから行えます。プロフィールについては<a href="http://help.blogger.com/bin/topic.py?topic=8928" target="_blank">ヘルプ：プロフィール</a>を参考にしてください。<br /> <br /> <br /> 最初にすべき設定は、これぐらいですね。あとは自由に、記事を投稿しながら設定を変更していくといいと思います。http://blogger.kuribo.info/2006/03/blog-post_28.htmlKuribotag:blogger.com,1999:blog-19505349.post-114501508846371773Wed, 22 Mar 2006 15:00:00 +00002007-05-18T00:32:03.137+09:00ブログは内容で勝負！…といきたいところですが、やっぱり見栄えも大事ですよね。そこでこのページでは、Blogger ブログ用のテンプレート配布サイトを紹介しようと思います。<br /> <br /> <br /> <b class="icon1"><a name="old-original" id="old-original"></a>レイアウトテンプレートとクラシックテンプレート</b> <br /> その前に少し予備知識。Blogger のテンプレートには、レイアウトテンプレート（<a href="http://help.blogger.com/bin/topic.py?topic=10274" target="_blank">ヘルプ</a>）とクラシックテンプレート（<a href="http://help.blogger.com/bin/topic.py?topic=8920" target="_blank">ヘルプ</a>）という、2 種類のテンプレート形式が存在します。<br /> <br /> 現在の Blogger のデフォルトはレイアウトテンプレートですが、Blogger 管理画面「テンプレート ＞ HTML の編集」ページから「クラシックページに戻す」リンクをクリックすることで、クラシックテンプレートに変更することも可能です。（FTP 経由公開ブログはクラシックテンプレートしか選べません。）<br /> <br /> クラシックテンプレートの場合、カラー・フォント変更機能、レイアウト機能、ウィジェットなどの多くの機能が使えなくなるので、注意してください。<br /> <br /> このページでは、レイアウトテンプレート配布サイト、クラシックテンプレート配布サイトと分けて並べておきますが、サイトによってはどちらも配布しているところがあります。テンプレートコードの中に <div class="code">&lt;$BlogPageTitle$&gt;</div> などの見慣れないタグがあるのがクラシックテンプレートの特徴なので、迷ったときにはテンプレートコードを確認してみてくださいね。<br /> <br /> <br /> <b class="icon1"><a name="new-original" id="new-original"></a>レイアウトテンプレート配布サイト</b> <br /> 以下がレイアウトテンプレート配布サイトのリストです。<br /> <br /> レイアウトテンプレートを変更するには、各サイトで配布されているコードを PC 上に保存し（TXT ファイルでも XML ファイルでも OK）、Blogger 管理画面「テンプレート ＞ HTML の編集」の「テンプレートをバックアップ / 復元」の項目から、ファイルをアップロードしてください。<br /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-101.gif" alt="" title="" border="0" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" /><a href="http://envyinc.blogspot.com/2006/12/blog-post_27.html" target="_blank">Envy Inc.</a><br /> 画像のリンクでプレビュー、「ダウンロード」から MediaFire ページに進み「Click here to start download..」リンクからコード（XML を圧縮した ZIP ファイル）を取得。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-110.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://blogger-templates.blogspot.com/search/label/XML" target="_blank">Blogger Templates</a><br />Blogger テンプレートの老舗。<br />サムネイルクリックでプレビュー、「Download XML」で表示される XML ファイルを保存。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-111.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://thrbrtemplates.blogspot.com/" target="_blank">The Blogger WorkShop</a><br />左サイドバー「Old Blogger Templates」から上がレイアウトテンプレート。「view」でプレビュー、「download」で表示される XML ファイルを保存。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-102.gif" alt="" title="" border="0" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" /><a href="http://beautifulbeta.blogspot.com/2006/12/blogger-beta-templates.html" target="_blank">Beautiful Beta</a><br /> 「preview」でプレビュー、「XML Template」でコード（XML ファイル）を取得。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-103.gif" alt="" title="" border="0" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" /><a href="http://www.geckoandfly.com/blogger-templates-beta/" target="_blank">Gecko & Fly</a><br /> 「Demo」でプレビュー。「Visit the XXXXX page」から各テンプレートごとの記事へ進み「Download the XXXXX Code」でコード（XML を圧縮した ZIP ファイル）。<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/template-104.gif" alt="" title="" border="0" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" /><a href="http://www.finalsense.com/services/blog_templates/blogger_beta.htm" target="_blank">Blogger Beta Templates</a><br /> 「in Blogger」でプレビュー、「Get It Now」ボタンで表示されるページのテキストエリアから、コードをコピーし XML（TXT でも可）ファイルを作成。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-105.gif" alt="" title="" border="0" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" /><a href="http://godproposes.blogspot.com/search/label/Template" target="_blank">rakesh 2.0 likes to blog</a><br /> 「demo blog」でプレビュー、「Download XXXX template」からコード（TXT ファイル）を取得。<br /> ※「White & Blue」テンプレートはクラシックテンプレート。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-106.gif" alt="" title="" border="0" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" /><a href="http://notlarvenotalar.blogspot.com/2006/11/blogger-beta-templates.html" target="_blank">Notlar ve Notalar</a><br /> プレビューはなし、各テンプレートの画像のリンクからコード（XML を圧縮した ZIP ファイル）を取得。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-107.gif" alt="" title="" border="0" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" /><a href="http://prince.blogspace.gr/?p=698" target="_blank">Paradise Lost</a><br /> 「demo」でプレビュー。「download」から別ページを開き、クリップマークのついたリンク「XXXXX.zip」からコード（XML を圧縮した ZIP ファイル）を取得。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-108.gif" alt="" title="" border="0" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" /><a href="http://blogger-tricks.blogspot.com/2006/12/new-3-column-blogger-formerly-beta.html" target="_blank">Blogger Tips and Tricks</a><br /> Blogger 標準テンプレート Thisaway シリーズ（４種）、Sand Dollar、Tic Tac 3、Ms Moto 3、Rounders 4 の 3 カラム版を配布。コードは、リンク先ページ（要 <a href="http://www.blogcrowds.com/" target="_blank">Blogcrowds</a> アカウント）に表示されるものをコピーして XML（TXT でも可）ファイルを作成。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-109.gif" alt="" title="" border="0" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" /><a href="http://www.templatepanic.com/" target="_blank">TemplatePanic</a><br /> かわいらしいテンプレートがたくさん。「Read full entry」からテンプレートごとのページに進み、「XXXXX.zip [XX.XXkb]」から zip ファイルをダウンロード。解凍してできる XML ファイルを使用。<br clear="left" /> <!-- *** --> <br /> <img src="http://blogger.kuribo.info/image/entry/template-112.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://hoctro.blogspot.com/search/label/3%20Column%20Templates" target="_blank">Hoctro's Place</a><br />Blogger 標準テンプレート Rounder シリーズ（4 種）、Minima シリーズ（8 種）の 3 カラム版を配布。コードは「XXXXX.xml」リンクをクリックし XML をダウンロード。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-113.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://freeskins.blogspot.com/" target="_blank">Free Blogger Skins</a><br />サムネールクリックでプレビュー、「BETA XXXXX」から zip ファイルをダウンロード、解凍して使用。タイトルに BETA のつかないものはクラシックテンプレート。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-114.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://www.laughingliondesign.com/templates.html" target="_blank">Laughing Lion Design</a><br />まだ 1 種類しかありませんが、素晴らしい出来です。「working version click here.」でプレビュー、「Floral Blogger Template」で表示される XML ファイルを保存。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-115.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://bloglatino.zoomblog.com/" target="_blank">Blogadikto</a><br />「Ver Blog Funcionando」でプレビュー、「XXXXX.zip」から zip ファイルをダウンロード、解凍して使用。<br clear="left" /> <br /> <br /> <b class="icon1"><a name="old-original" id="old-original"></a>クラシックテンプレート配布サイト</b> <br /> 以下がクラシックテンプレートの配布サイトのリストです。<br /> <br /> クラシックテンプレートの変更は、各サイトで配布されているテンプレートコードを Blogger 管理画面「テンプレート ＞ 現在の内容を編集」のテキストエリアに貼り付け、「テンプレートの変更内容を保存」ボタンでブログを再構築することで、適用することができます。<br /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-02.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://blogger-templates.blogspot.com/search/label/HTML" target="_blank">Blogger Templates</a><br />Blogger テンプレート配布といえばここ。「Download HTML」から表示されるコードを使用。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-03.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://freetemplates.blogspot.com/" target="_blank">Blogger Templates for Blogspot Powered Blog</a><br />なかなかセンスのいいのが並んでいます。<br /> 「New Blogger Template」のラベルがついていないものがクラシックテンプレート。「Download Template」から zip ファイルをダウンロード、解凍して使います。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-04.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://www.blogskins.com/" target="_blank">BlogSkins.com</a><br />テンプレート投稿サイト。サイドバーからテンプレートを選択後、ページ中央の「Action」欄「preview it」でプレビュー、「Blogger Main」でコードを表示します。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-05.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://www.ehsany.com/" target="_blank">Blog Templates</a><br />「BLOGGER DOWNLOADS FOR THIS TEMPLATE」から「English」など言語名をクリック、zip ファイルをダウンロード、解凍して使用。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-06.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://blogtemplates.noipo.org/" target="_blank">NOIPO.ORG</a><br />「example」でプレビュー、「download template」から zip ファイルをダウンロード、解凍して使用。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-07.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://www.templates4free.blogger.com.br/galeria1.htm" target="_blank">Templates 4 Free</a><br />サムネイルクリックで拡大、「Download」から zip ファイルをダウンロード、解凍して使用。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-08.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://blogspottemplates.blogspot.com/" target="_blank">Blogger Templates</a> by Aman<br />「Get Template」から zip ファイルをダウンロード、解凍して使用。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-09.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://templates-para-blogger.blogspot.com/" target="_blank">Templates para Blogger</a><br />Blogger Help そのままなテンプレートを配布。ページ中央のテキストエリアのコードを使用。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-11.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://thrbrtemplates.blogspot.com/" target="_blank">The Blogger WorkShop</a><br />左サイドバー「Old Blogger Templates」以下で配布。「view」でプレビュー、「download」で表示されるテキストファイルのコードを使用。<br clear="left" /> <!-- *** --> <br /> <img src="http://blogger.kuribo.info/image/entry/template-10.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://www.createblog.com/layouts/index.php?type_id=1" target="_blank">CreateBlog.com</a><br />サムネールをクリックした後の画面上、「View full preview」でプレビュー、「Layout code」欄テキストエリアのコードを使用。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-12.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://www.hongkiat.com/blog/29-beautiful-blogger-templates/" target="_blank">hongkiat.com</a><br />これまでのテンプレートとかぶっているのもいくつか。<br />プレビューはなし、コードは「download」から zip ファイルをダウンロードし、解凍して使用。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-13.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://bloggertemplatesbycaz.blogspot.com/" target="_blank">Blogger Templates By Caz</a><br />サムネールクリックでプレビュー、「Download Here」から zip ファイルをダウンロードし、解凍して使用。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-14.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://www.zootsdesigns.com/freebloggertemplates.html" target="_blank">Zoot's {free} Designs</a><br />サムネールクリックでテンプレート別のページに移動、「action here」でプレビュー、コードは「Download」で zip ファイルをダウンロードし、解凍して使用。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-15.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://www.pannasmontata-templates.net/templates/blogger-templates-01-10/" target="_blank">Pannasmontata Templates</a><br />60 近くのテンプレートを配布。<br /> 「Preview」でプレビュー、コードは「Download」から zip ファイルをダウンロード、解凍して使用。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-16.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://www.kaushalsheth.com/blogger-templates/" target="_blank">Kaushal Sheth</a><br />プレビューはなし。<br /> コードは「Download」から zip ファイルをダウンロード、解凍して使用。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/template-17.gif" align="left" style="padding:0;border:0;margin-right:5px;" width="126" height="90" alt="EXAMPLE" /><a href="http://tabo.aurealsys.com/templates/hemingway-template-for-blogger/" target="_blank">Hemingway template for Blogger</a><br />下半分だけ 3 カラムというおもしろい構成。「Sample sites」からプレビュー、コードは「Download」から zip ファイルをダウンロード、解凍して使用。<br clear="left" />http://blogger.kuribo.info/2006/03/blog-post_23.htmlKuribotag:blogger.com,1999:blog-19505349.post-114404691488757662Tue, 21 Mar 2006 15:00:00 +00002007-02-07T02:07:31.505+09:00Blogger ブログを運営していると「ブログが真っ白に」「他の人のパソコンで見えない」「投稿メッセージが思ったとおりに表示されない」などといった、ページ表示上の問題が必ずと言っていいほど起こります。<br /> <br /> これらのほとんどは、ブラウザの文字エンコードの解釈ミス、いわゆる文字化けが原因です。そもそも欧米の人用にできている Blogger で日本語を使ったページを作るには、この文字化けへの対策が不可欠です。ここでは、文字化け対策を４つほど紹介します。<br /> <br /> <b class="icon1">１．エンコード方式を選択する</b><br /> <div class="bullet">旧 Blogger ブログおよび FTP 公開の新 Blogger ブログは、管理画面「設定 ＞ フォーマット ＞ エンコード」で、エンコード方式を設定することができます。<br /> <br /> ここでは <b>Universal(Unicode UTF-8)</b> を選択します。<br /> <br /> 他のエンコード方式を選択すると、投稿メッセージ中の記号類が文字化けするからです。これは、新規投稿や投稿編集画面自体が UTF-8 で書かれているのが原因かと。</div> <br /> <div class="bullet">新 Blogger の場合、FTP 経由で公開しているブログ以外は、今のところ文字コードの選択がサポートされていません。文字コードは選択できませんが、設定は自動的に UTF-8 になっているので、この項目は気にしなくて結構です。</div> <br /> <br /> <b class="icon1">２．テンプレートのタイトルとメタデータとを入れ替える</b><br /> エンコード方式を UTF-8 に設定しているのに、ページが全く表示されないという場合があります。これはページタイトルに日本語が使われているときに、よく起こります。ブラウザ（IE, Firefox, NN, Opera など）が、ページの HTML を頭から順に読んで解釈しているときに、エンコード方式がわからないまま日本語が出て来てしまうと、文字化けする可能性が高いのです。<br /> <br /> <div class="bullet">旧 Blogger および、クラシックテンプレート利用の新 Blogger の場合、管理画面「テンプレート ＞ HTML の編集」から</div> <br /> <div class="code">&lt;title&gt;&lt;$BlogPageTitle$&gt;&lt;/title&gt;<br /> &lt;$BlogMetaData$&gt;</div>　という順になっているコードを入れ替え、<div class="code">&lt;$BlogMetaData$&gt;<br /> &lt;title&gt;&lt;$BlogPageTitle$&gt;&lt;/title&gt;</div>　とします。<br /> <br /> <div class="bullet">新 Blogger の場合、管理画面「テンプレート ＞ HTML の編集」から</div> <br /> <div class="code">&lt;title&gt;&lt;data:blog.pageTitle/&gt;&lt;/title&gt;<br /> &lt;b:include data='blog' name='all-head-content'/&gt; </div>　という順になっているコードを入れ替え、<div class="code"> &lt;b:include data='blog' name='all-head-content'/&gt;<br /> &lt;title&gt;&lt;data:blog.pageTitle/&gt;&lt;/title&gt; </div>　とします。<br /> <br /> これでブラウザのエンコードミスを回避できるかと。ちなみに <code>&lt;$BlogMetaData$&gt;</code> や <code>&lt;b:include data='blog' name='all-head-content'/&gt;</code> は、エンコード情報などのメタタグを書き出すためのテンプレートタグです。<br /> <br /> <b class="icon1">３．テンプレートに使用言語を指定する</b><br /> ついでに HTML の使用言語も指定しておきます。<br /> <br /> <div class="bullet">旧 Blogger および、クラシックテンプレート利用の新 Blogger の場合、管理画面「テンプレート ＞ HTML の編集」から、html 要素の開始タグを</div> <br /> <div class="code">&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<span class="red">en</span>" lang="<span class="red">en</span>"&gt;</div>　から<div class="code">&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<span class="red">ja</span>" lang="<span class="red">ja</span>"&gt;</div>　に変更します。<br /> <br /> <div class="bullet">新 Blogger の場合、管理画面「テンプレート ＞ HTML の編集」から、html 要素の開始タグを</div> <br /> <div class="code">&lt;html&gt;</div>　から<div class="code">&lt;html lang="<span class="red">ja</span>"&gt;</div>　に変更します。<br /> <br /> ここは「この HTML ファイルはナントカ語で書かれているよ」と指定している部分です。ブラウザがこの部分にどれだけ反応するかわかりませんが、多少なりともエンコードミスを防げると思います。<br /> <br /> <b class="icon1">４．テンプレートに XML 宣言を加える</b><br /> Blogger で使われているページの書式は、正確には XHTML といいます。これは XML をうけついだ「HTML」だということなんですが、そのため XHTML 文書には XML としての宣言も必要になります。<br /> <br /> 具体的にはテンプレートの１行目で<br /> <br /> <div class="code">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</div>　と書かれている部分に<div class="code"><span class="red">&lt;?xml version="1.0" encoding="UTF-8"?&gt;</span><br /> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</div>　と赤字の部分を加えれば OK です。<br /> <br /> 以上で４つの予防策の紹介は終わりです。「ほかにもこういう方法があるよ」という方は、ぜひ教えてくださいね。http://blogger.kuribo.info/2006/03/blog-post.htmlKuribotag:blogger.com,1999:blog-19505349.post-114779295371893792Tue, 21 Mar 2006 03:00:00 +00002007-02-08T14:36:59.487+09:00Blogger には長い間 Atom フィードしかなかったんですが、2006 年 5 月からようやく RSS フィードも配信されるようになりました。そのため、自分で RSS フィードを用意する必要はなくなりました。<br /> <br /> このページでは、外部のサービスを利用して RSS フィードをつくる方法について紹介していますが「blogspot.com 以外のところにフィードをおきたい（負荷軽減やアクセス障害対策）」とか、「フィードを一つにまとめて管理したい」という場合にのみ、参考にしてもらえるとうれしいです。<br /> <br /> <b class="icon1">FeedBurner で RSS を作成する</b> <img src="http://blogger.kuribo.info/image/entry/tool-01.gif" width="126" height="90" align="right" alt="FeedBurner" title="FeedBurner" style="border:0;margin-left:5px;" />フィードリーダー、ブログランキングサイト、Ping サーバー、ブログペットといった、フィードを利用したサービスで、たまに RSS にだけ対応しているものがあると思います。それらのサービスを利用する際には、Atom から RSS をつくってくれる <a href="http://www.feedburner.jp/" target="_blank">FeedBurner</a> というサービスを利用します。<br /> <br /> FeedBurner を使うと、RSS フィードがつくれるだけでなく、そのフィードへのアクセスを解析することもできます。フィードにロゴ画像が載せられたり、フィードの概要を編集したり、本文を一部公開にしたり、といった細かい設定ができるのもいいですね。<br /> <br /> FeedBurner サイトで Blogger の Atom フィードの URL を入力し、手順にそってユーザー登録をすると、簡単に RSS フィードを作成することができます。<br /> <br /> <b class="icon1">ブログの設定をする</b> FeedBurner で RSS を作成したら、ブログのテンプレートを編集し、RSS の URL をヘッダ内に指定しておきます。そうしておくことで、ページを訪れたブラウザやロボットが自動的に RSS を見つけてくれるようになります（Auto Discovery）。 <br /><br />具体的には、Blogger 管理画面「テンプレート ＞ HTML の編集」で、テンプレートの head 要素内の<br /><br /> <div class="bullet">旧 Blogger なら <code>&lt;$BlogMetaData$&gt;</code> の次の行、</div> <div class="bullet">新 Blogger なら <code>&lt;b:include data='blog' name='all-head-content'/&gt;</code> の次の行に</div> <div class="code">&lt;link rel="alternate" type="application/rss+xml" title="RSS" href="<span class="red">あなたのRSSのURL</span>" /&gt;</div>を挿入してください。<br /> <br /> <b class="icon1">FeedBurner に更新 Ping を</b> FeedBurner では、30 分に一度、Atom フィードの変更を確認しているんですが、「Atom フィードが更新されましたよ」と FeedBurner に 更新 Ping を打って、RSS フィードを即座に更新することも可能です。その更新 Ping の送信先は <div class="code">http://ping.feedburner.jp/service/xmlrpc</div> です。<br /> <br /> 更新 Ping の送信については、<a href="http://blogger.kuribo.info/2006/03/ping.html" target="_blank">更新 Ping を打とう</a>をご覧下さい。http://blogger.kuribo.info/2006/03/rss.htmlKuribotag:blogger.com,1999:blog-19505349.post-114501523444795966Mon, 20 Mar 2006 15:00:00 +00002006-12-01T14:39:41.546+09:00Blogger ブログは、通常の blogspot.com 以外に、自分の用意したサーバーに展開することも可能です。このサイトもレンタルサーバーに展開、独自ドメインも取得して運営しています。<br /> <br /> <b class="icon1">外部サーバーのメリット</b> ブログを BlogSpot から移転させて、独自ドメインにするメリットはというと…<br /> <br /> <ul> <li>画像に限らず、様々なファイルがアップロードできる</li> <li>URL が覚えやすい</li> <li>SEO 的に有利</li> <li><a href="http://help.blogger.com/bin/answer.py?answer=952" target="_blank">Navbar</a> をはずすことができる</li> <li><a href="http://help.blogger.com/bin/answer.py?answer=1200" target="_blank">FLAG</a> の対象からはずされる</li> <li><a href="http://help.blogger.com/bin/answer.py?answer=1261" target="_blank">投稿の際の文字確認</a>がなくなる</li> <li>CGI や PHP、MySQL といったサーバープログラムが利用できる</li> <li>自由にサブドメインをつくれる</li> <li>メールアドレスがつくれる</li> </ul> こんなところでしょうね。<br /> <br /> <b class="icon1">レンタルサーバー</b> つぎに、ブログを展開するサーバー自体のこと。自分でサーバーを立ち上げるということも可能なんでしょうが、レンタルサーバーを借りるのがやはり一番楽ちんだと思います。<br /> 国内のレンタルサーバー会社もたくさんあって、探してみると意外と安いものもあります。<br /> <br /> <img src="http://blogger.kuribo.info/image/entry/server-01.gif" style="border:0;padding:0;margin-right:5px;" width="126" height="90" align="left" /><A HREF="http://px.a8.net/svt/ejp?a8mat=U6UBH+36B9P6+348+65MEA" target="_blank">ロリポップ</A><img border="0" width="1" height="1" src="http://www18.a8.net/0.gif?a8mat=U6UBH+36B9P6+348+65MEA" style="border:none;" alt="" /><br />200MB、月額 263 円。CGI、SSI、PHP 利用可。ドメイン取得サービス（<a href="http://px.a8.net/svt/ejp?a8mat=109W4O+G23XY2+348+1BNBJM" target="_blank">ムームードメイン</a>）もあり。メルマガ、メーリングリスト、ショッピングカート。クリボウもここを利用しています。<img border="0" width="1" height="1" src="http://www12.a8.net/0.gif?a8mat=109W4O+G23XY2+348+1BNBJM" alt="" style="border:0;" /><br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/server-02.gif" style="border:0;padding:0;margin-right:5px;" width="126" height="90" align="left" /><A href="http://px.a8.net/svt/ejp?a8mat=U8ZVY+9W19AY+D8Y+62U36" target="_blank">さくらのレンタルサーバ</A><img border="0" width="1" height="1" src="http://www16.a8.net/0.gif?a8mat=U8ZVY+9W19AY+D8Y+62U36" style="border:none;" alt="" /><br />300MB、月額 125 円。CGI、SSI 利用可。ドメイン取得サービスもあり。<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/server-03.gif" style="border:0;padding:0;margin-right:5px;" width="126" height="90" align="left" /><A href="http://px.a8.net/svt/ejp?a8mat=U8Z3U+44UESA+HQW+60OXE" target="_blank">ハッスルサーバー</A><img border="0" width="1" height="1" src="http://www13.a8.net/0.gif?a8mat=U8Z3U+44UESA+HQW+60OXE" style="border:none;" alt="" /><br />500MB、月額 208円。MySQL、CGI、PHP、SSI 利用可。メーリングリスト。<br clear="left" /><br /> <!-- <img src="http://blogger.kuribo.info/image/entry/server-04.gif" style="border:0;padding:0;margin-right:5px;" width="126" height="90" align="left" /><a href="http://px.a8.net/svt/ejp?a8mat=U8Z3U+448Z6I+LUE+631SY" target="_blank">298.jp</a><img border="0" width="1" height="1" src="http://www13.a8.net/0.gif?a8mat=U8Z3U+448Z6I+LUE+631SY" style="border:none;" alt="" /><br />300MB、月額 298円。SSL 利用可。ドメイン取得サービスもあり。<br clear="left" /><br /> --> <img src="http://blogger.kuribo.info/image/entry/server-05.gif" style="border:0;padding:0;margin-right:5px;" width="126" height="90" align="left" /><a href="http://px.a8.net/svt/ejp?a8mat=UB29J+9N3R8A+MZI+61Z82" target="_blank">TOK2 PRO</a><img border="0" width="1" height="1" src="http://www19.a8.net/0.gif?a8mat=UB29J+9N3R8A+MZI+61Z82" alt="" style="border:none;" /><br />容量無制限、月額 200円。MySQL、CGI、PHP 利用可。<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/server-06.gif" style="border:0;padding:0;margin-right:5px;" width="126" height="90" align="left" /><a href="http://px.a8.net/svt/ejp?a8mat=UBCGA+G8NPLM+5IM+HZAGY" target="_blank">アミューサーバー</a><img border="0" width="1" height="1" src="http://www14.a8.net/0.gif?a8mat=UBCGA+G8NPLM+5IM+HZAGY" alt="" style="border:none;" /><br />30MB、月額 263円。CGI、SSI、PHP 利用可。ドメイン取得無料。<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/server-07.gif" style="border:0;padding:0;margin-right:5px;" width="126" height="90" align="left" /><a href="http://px.a8.net/svt/ejp?a8mat=UBCGA+FRZKNU+MZI+BZ0Z6" target="_blank">Bfit.jp</a><img border="0" width="1" height="1" src="http://www19.a8.net/0.gif?a8mat=UBCGA+FRZKNU+MZI+BZ0Z6" alt="" style="border:none;" /><br />100MB、基本料 0円、データ転送量に応じ課金。転送量の関係ない 500MB、200 円のコースもあり。CGI、PHP、MySQL 利用可。ドメイン取得サービスも。<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/server-08.gif" style="border:0;padding:0;margin-right:5px;" width="126" height="90" align="left" /><a href="http://px.a8.net/svt/ejp?a8mat=100WHU+FK8XSQ+BGI+61RIA" target="_blank">FAS ネット</a><img border="0" width="1" height="1" src="http://www17.a8.net/0.gif?a8mat=100WHU+FK8XSQ+BGI+61RIA" alt="" style="border:none;" /><br />100MB、月額 300円。CGI、SSI、PHP、MySQL 利用可。ドメイン取得サービスもあり。<br clear="left" /><br /> <b class="icon1">Blogger 管理画面上の設定</b> 外部サーバーへの Blogger ブログの移転は、Blogger 管理画面「設定 ＞ 公開中」から行います。<a href="http://help.blogger.com/bin/answer.py?answer=121" target="_blank">ヘルプ：外部ウェブ ホストへの FTP (または sFTP) 接続を設定するにはどうすればよいですか</a>を参考にしてください。<br /><br /> よく忘れられるのですが、サーバー移転時の設定は「設定 ＞ 公開中」だけではありません。「設定 ＞ アーカイブ」でアーカイブページの展開されるディレクトリとアーカイブページ自身の名前を、「設定 ＞ サイトデータ」で Atom フィードのディレクトリと名前を、それぞれ設定しておく必要があります。<br /> 特にサブドメインなどを利用して、サーバーに複数の Blogger ブログを展開する場合には、あるブログのアーカイブページが別のブログのアーカイブページの領域に上書きされてしまったり、フィードリーダーなどが Atom ファイルを見つけられなくなるといった問題が起きることがありますので、これらの設定を忘れないようにしてくださいね。<br /> <br /> <b class="icon1">移転元 BlogSpot はどうなるの？</b> Blogger ブログのサーバーを変更すると、移転元の blogspot.com には、それまでのブログがそのまま表示されます。でもそのサブドメインは解放されているので、別の Blogger ユーザーがそのスペースにブログを新設したり移動してくるといったことが可能になります。<br /> 今まで使っていた BlogSpot のサブドメインが他の人に使われたくない場合には、<a href="http://help.blogger.com/bin/answer.py?answer=893" target="_blank">ヘルプ：ホスト サーバーを BlogSpot から他のサーバーに変更するとどうなりますか</a>にあるように、ブログの移転後、自分で新しい Blogger ブログをその BlogSpot に展開するようにしましょう。移転元には、移転先へのリンクやメッセージを載せるのがよさそうです。<br /> また、移転元に表示されるブログを完全に消去したい場合も同様に、移転元に一度新しいブログを立ち上げてそれを Blogger 管理画面「設定 ＞ 基本」から削除してください。http://blogger.kuribo.info/2006/03/blogger_21.htmlKuribotag:blogger.com,1999:blog-19505349.post-114501625942126826Fri, 17 Mar 2006 15:00:00 +00002007-05-18T01:58:47.621+09:00Blogger ブログを運営していく中でつまずいたり、疑問が生まれたり、何か新しいことをしたくなった時には、Blogger の関連サイトを見てみましょう。<br /><br /> 以下に Blogger 関連のサイトを、思いつくだけ並べてみました。活用してもらえるとうれしいです。ちなみに <span style="color:#488;">*</span> のついているものは、英語のサイトを示しています。<br /> <br /> <br /> <b class="icon1">Blogger について</b> <br /> <ul> <li><a href="http://help.blogger.com/" target="_blank">Blogger Help</a><br />Blogger でつまずいたらまずここへ。意外な発見があったりもします。</li> <li><a href="http://status.blogger.com/" target="_blank">Blogger Status</a><span style="color:#488;">*</span><br />自分のブログや Blogger.com がアクセスしづらいときは、ここで障害情報を確認します。</li> <li><a href="http://buzz.blogger.com/" target="_blank">Blogger Buzz</a><span style="color:#488;">*</span><br />Blogger スタッフによるブログ。新機能はここで発表されます。</li> <li><a href="http://code.google.com/apis/blogger/overview.html" target="_blank">Blogger Data API Overview</a><span style="color:#488;">*</span><br />Blogger の API など、開発者向けの技術的な情報。</li> <li><a href="http://knownissues.blogspot.com/" target="_blank">Known Issues for the New Blogger</a><span style="color:#488;">*</span><br />Blogger のバグや要望の多い問題についての情報。</li> <li><a href="http://blogsofnote.blogspot.com/" target="_blank">Blogs of Note</a><span style="color:#488;">*</span><br />Blogger を使って作られている注目ブログを紹介。</li> <li><a href="http://help.blogger.com/?page=wishlist" target="_blank">Features and Suggestions</a><span style="color:#488;">*</span><br />Blogger に対する要望はここから送信します。</li><br /> <li><a href="http://bx-codes.blogspot.com/" target="_blank">Blogger Error Codes</a><span style="color:#488;">*</span><br />Blogger アクセス時のエラーメッセージを集めたブログ。オフィシャルではなさそう。</li> <li><a href="http://bloggerbetatips.blogspot.com/" target="_blank">Blogger Beta Tips</a><br />Blogger 関連情報を紹介しているブログ。クリボウとは別人。</li> <li><a href="http://jikkenshitsu.blogspot.com/" target="_blank">（超）実験室</a><br />Blogger の実験ブログ。検索やカレンダーについての実験が面白い。</li> <li><a href="http://isawseashell.blogspot.com/" target="_blank">I saw seashells.</a><br />Blogger のカスタマイズ情報を公開しているブログ。</li> <li><a href="http://www.kuribo.info/" target="_blank">クリボウの Blogger Tips</a><br />Blogger のニュースやカスタマイズ情報などの紹介。お立ち寄りの際は、お気軽にコメントを。</li> </ul> <br /> <b class="icon1">Blogger ブログをみつける、交流する</b> <br /> <ul> <li><a href="http://search.blogger.com/" target="_blank">Blog Search</a><br />Google のブログ検索。Blogger ユーザーの書いた記事を探すならここ。</li> <li><a href="http://www.bloggerforum.com/" target="_blank">Blogger Forum</a><span style="color:#488;">*</span><br />世界の Blogger ユーザーが集まる交流の場。</li> <li><a href="http://groups.yahoo.com/group/blogger_user_support/" target="_blank">Blogger User Support</a><span style="color:#488;">*</span><br />世界の Blogger ユーザーが集まる Yahoo! Group。</li> <li><a href="http://groups.google.com/group/blogger-help" target="_blank">Blogger Help Group</a><span style="color:#488;">*</span><br />全世界の Blogger ユーザーが質問、回答する Google Group。</li> <li><a href="http://groups.google.com/group/japan-blogger-users" target="_blank">Japan Blogger Users Group</a><span style="color:#488;">*</span><br />日本の Blogger ユーザーが交流する Google Group。</li> <li><a href="http://update.kuribo.info/" target="_blank">Japanese Blogger Update Info</a><br />日本語 Blogger の更新情報を表示してくれます。</li> <li><a href="http://blogger.ring.hatena.ne.jp/" target="_blank">はてな Blogger リング</a><br />日本の Blogger ユーザーが交流するはてなリング。リングメンバーの更新情報や質問掲示板など。</li> <li><a href="http://tbp.jp/tbp_235.html" target="_blank">Blogger でブロッグ</a><br />トラックバックピープルのテーマ。情報をブログに貼りつけることも可。</li> <li><a href="http://blog.blogmura.com/tb_entry64667.html" target="_blank">Blogger</a><br />にほんブログ村のトラックバックテーマ。Blogger 関連の記事を書いたら、気軽にトラックバックしてください。</li> </ul> <br /> <b class="icon1">テンプレート配布サイト</b> <br /> <div style="padding-left:35px;">テンプレートについては、<a href="http://blogger.kuribo.info/2006/03/blog-post_23.html">別ページ</a>にまとめているので、そちらをご確認ください。</div>http://blogger.kuribo.info/2006/03/blogger_18.htmlKuribotag:blogger.com,1999:blog-19505349.post-114535958870710899Fri, 17 Mar 2006 03:00:00 +00002007-02-08T14:38:27.291+09:00ここでは、新規投稿、投稿の編集について説明しています。対応するヘルプは<a href="http://help.blogger.com/bin/topic.py?topic=8915" target="_blank">ヘルプ：投稿と編集</a>です。<br /> <br /> <b class="icon1">新規投稿</b> <br /> <div style="padding-left:10px;"> <b class="icon2">通常の新規投稿</b> 新規投稿は、Blogger 管理画面「投稿 ＞ 作成」から作成します。HTML をそのまま書き込むモードと、視覚的に確認しながら入力するモード（WYSIWYG モード）とがあります。この二つのモードは、記事作成中にタブを使って行き来することができます。<br /> <br /> WYSIWYG モードでたとえば文字を太字にしたい場合には、b というボタンを押してから、文字を入力します。b ボタンを再び押して解除するまで、入力される文字は太字になります。このモードで出来ることについては<a href="http://help.blogger.com/bin/answer.py?answer=42239" target="_blank">ヘルプ：Blogger の投稿エディタについて</a>をご覧下さい。<br /> <br /> 一方 HTML モードで b ボタンを押すと、<br /> <div class="code">&lt;span style="font-weight:bold;"<font color="red">&gt;</font><font color="green">&lt;</font>/span&gt;</div> というコードが出てきます。このモードでは太字にしたい文字を二つのタグの間（赤文字と緑文字の間）に書き入れます。太字とイタリック体を同時に使いたいという場合には二つのタグの間で i ボタンを押し、出てきたタグの間に適用したい文字を入れる、という使い方をしてください。<br /> また HTML モードでは、テキストエリア上部に表示されるボタンだけでなく、様々な HTML タグを使用することができます。HTML についてはとほほの HTML 入門などで調べるか、<a href="http://help.blogger.com/bin/answer.py?answer=42069" target="_blank">ヘルプ : 基本的な HTML について教えてください</a>をご覧下さい。<br /> <br /> 他のウェブページへのリンクや、画像の投稿方法については Blogger Help を確認してください。<br /> <a href="http://help.blogger.com/bin/answer.py?answer=41379" target="_blank">ヘルプ：他のウェブ ページへのリンクを設定するにはどうすればよいですか</a><br /> <a href="http://help.blogger.com/bin/answer.py?answer=41641" target="_blank">ヘルプ：画像を投稿するにはどうすればよいですか。</a><br /><br /> 新規投稿の内容が書きあがれば「投稿を公開」ボタンを押してページを公開します。「下書きとして保存」ボタンを押して、公開せずに残しておくこともできます。<br /> <br /> <b class="icon2">BlogThis! で新規投稿</b> 他人のブログを見ていて、その記事について自分のブログで言及したくなったとき便利なのが <a href="javascript:popw='';Q='';x=document;y=window;if(x.selection) {Q=x.selection.createRange().text;} else if (y.getSelection) {Q=y.getSelection();} else if (x.getSelection) {Q=x.getSelection();}popw = y.open('http://www.blogger.com/blog_this.pyra?t=' + escape(Q) + '&u=' + escape(location.href) + '&n=' + escape(document.title),'bloggerForm','scrollbars=no,width=475,height=300,top=175,left=75,status=yes,resizable=yes');if (!document.all) T = setTimeout('popw.focus()',50);void(0);">BlogThis</a>! です。Blogger のブログ管理画面を経ずに記事を投稿することができます。<br /> 見ているブログが Blogger の場合、<a href="http://help.blogger.com/bin/answer.py?answer=42269" target="_blank">Navbar</a> 上の BlogThis! リンクもしくは <a href="http://help.blogger.com/bin/answer.py?answer=42533" target="_blank">BackLinks</a> 欄の Create a Link というリンクから BlogThis! を開くことができます。Blogger でないブログやサイトの場合には、BlogThis! ブックマークレットが便利です。このブックマークレットについては<a href="http://help.blogger.com/bin/answer.py?answer=41469" target="_blank">ヘルプ：BlogThis! とは何ですか</a>を参照してください。<br /> <br /> <b class="icon2">メールで新規投稿</b> メールで記事を投稿する機能としては、Mail-to-Blogger 機能と Blogger モバイルとがあります。Mail-to-Blogger の場合送れるのはテキストだけなんですが、Blogger モバイルなら携帯電話から画像を投稿することもできます。それぞれのヘルプをご覧下さい。<br /> <a href="http://help.blogger.com/bin/answer.py?answer=41452" target="_blank">ヘルプ：メールで投稿するにはどうすればよいですか</a> （Mail-to-Blogger）<br /> <a href="http://help.blogger.com/bin/answer.py?answer=42454" target="_blank">ヘルプ：Blogger モバイルに関するよくある質問</a> </div> <br /> <b class="icon1">投稿を編集</b> <br /> <div style="padding-left:10px;"> <b class="icon2">通常の投稿編集</b> すでに公開している記事や、保存してある下書きの編集は、Blogger 管理画面「投稿 ＞ 投稿を編集」から行います。編集したい記事のタイトル左側の「編集」ボタンを押してエディターを開いて、内容を編集してください。内容の書き方は、新規投稿の場合と全く同じです。編集が終わったら「投稿を公開」ボタンを押してページを公開します。「下書きとして保存」ボタンを押して、公開せずに残しておくこともできます。<br /> <br /> <b class="icon2">クイック編集</b> BlogThis! と同様に、編集画面にすぐさまつながるリンクを各記事につけることが出来ます。それがクイック編集リンクです。導入には<a href="http://help.blogger.com/bin/answer.py?answer=42231" target="_blank">ヘルプ：[クイック編集] リンクとは何ですか</a>を参考にしてください。 </div> <br /> <b class="icon1">スパムブログ防止機能</b> <br /> <div style="padding-left:10px;"> BlogSpot 上の Blogger ブログに対しては、たまにスパムブログ防止機能が働くことがあります。具体的には新規投稿の際に毎回、画像に描かれている文字の入力が必要になります。この文字認証機能を解除するには<a href="http://help.blogger.com/bin/answer.py?answer=42580" target="_blank">ヘルプ：投稿がすべて下書きに設定されるのはなぜですか</a>をご覧下さい。 </div>http://blogger.kuribo.info/2006/03/blog-post_17.htmlKuribotag:blogger.com,1999:blog-19505349.post-114535970267797482Thu, 16 Mar 2006 15:00:00 +00002006-04-18T20:28:22.680+09:00ここではコメント管理の方法や設定を紹介します。対応する Blogger Help は<a href="http://help.blogger.com/bin/topic.py?topic=23" target="_blank">ヘルプ：コメント</a>です。<br /> <br /> <b class="icon1">コメントを受け付けるかどうか</b><br /> <b class="icon2">ブログ全体の設定</b> ブログ全体でコメントを受け付けるかどうかは Blogger 管理画面「設定 ＞ コメント」から行います。ここでは、コメントの表示・非表示（削除ではない）、コメント投稿者の限定、各記事のコメント受け付けのデフォルトが設定できます。<br /> <br /> <b class="icon2">各投稿ごとの設定</b> 各投稿ごとのコメントの受け付けは、投稿の編集画面で設定します。投稿編集画面のテキストエリア下部「投稿およびコメントオプション」ラベルをクリックし、その記事で新しいコメントを受け付けるかどうかを設定してください。<br /> <br /> <b class="icon1">コメントの削除</b><br /> コメントを削除するには、対象コメントについている「ゴミ箱」ボタンをクリックし、確認後「コメントの削除」ボタンを押してください。<br /> 通常の削除の場合、コメントのあった位置に削除した旨のメッセージ「This post has been removed by the author.」が表示されます。<br> 最初からコメント削除画面の「完全に削除しますか？」というチェックボックスにチェックを入れ削除するか、通常のコメント削除のあとに再びゴミ箱をクリックすることで、このメッセージを表示させなくすることもできます。<br /> <br /> <b class="icon1">コメントでの文字認証</b><br /> 機械による自動化されたスパムコメントを防ぐためのオプションがあります。それがコメントの文字認証機能。この機能をオンにすると、画像に描かれた文字を入力しないとコメントが投稿できなくなります。スパムコメントでお困りの方はぜひ導入を。導入は、Blogger 管理画面「設定 ＞ コメント」から「コメントの投稿者に確認用文字を入力させますか？」の項目で「はい」を選択してください。 <br /> <br /> <b class="icon1">コメントモデレーション</b><br /> コメントを投稿された途端にすぐ公開するのではなく、ブログの管理者が内容を確認し承認したコメントだけを表示するというオプションもあります。コメントモデレーションと呼ばれる機能です。<br /> これは、Blogger 管理画面「設定 ＞ コメント」から「コメントの管理を有効にしますか？」を「はい」にすることで設定可能です。設定後は「投稿 ＞ コメントの管理」からコメントを閲覧し、コメントの承認もしくは拒否を選択します。コメントを受け付けたときにメールを受け取り、メールから承認・拒否が決定できる機能も用意されています。詳しくは<a href="http://help.blogger.com/bin/answer.py?answer=1220&topic=23" target="_blank">ヘルプ：ブログのコメントを管理するにはどうすればよいですか</a>を参照してください。 <br /> <br /> <b class="icon1">コメントのその他の設定</b><br /> Blogger 管理画面「設定 ＞ コメント」からは他にも、コメント投稿画面をポップアップウィンドウにする設定、コメントにプロフィール画像を表示する設定、コメントが投稿された時に通知を受けるメールアドレスの設定をすることができます。http://blogger.kuribo.info/2006/03/blog-post_114535970267797482.htmlKuribotag:blogger.com,1999:blog-19505349.post-114605286539074145Thu, 16 Mar 2006 03:00:00 +00002007-11-11T07:18:48.051+09:00更新 Ping（Update Ping）とは、自分のブログで新しい記事を書いた時に、色々なサイトにブログの更新を伝えるための、信号のようなものです。各サイトはその信号を元に、ブログのフィードを見つけ、サイトの情報を更新します。<br /> <br /> <b class="icon1">Blogger の設定</b> <br /> Blogger で指定されている更新 Ping の送り先は、ただ一箇所 Weblogs.com だけです。Google ではここに送られる更新 Ping でブログの更新を知り、Google Blog Search にデータをインデックスします。Blogger はその Blog Search のデータを使って、トラックバックに代わるバックリンクという機能を実現しています。そのような特別な意味があるので、Blogger ではデフォルトで Weblogs.com へ更新 Ping が送られる設定になっています。<br /> もし自分用のメモなどで、ひっそりとブログをつけたいという場合は「設定 ＞ 公開中」から「Weblogs.com の通知」の欄を「いいえ」にすると、新規投稿時や投稿編集時に更新 Ping が打たれなくなります。<br /> <br /> <b class="icon1">更新 Ping 送信ツール</b> <br /> Blogger には Weblogs.com 以外の更新 Ping 受け付けサイトに更新 Ping を打つ仕組みがありません。そこで活躍するのが更新 Ping 送信ツールです。以下のものがあります。<br /><br /> <img src="http://blogger.kuribo.info/image/entry/ping-01.gif" width="126" height="90" align="left" alt="BlogPeople" title="BlogPeople" style="border:0;margin-right:5px;" /><a href="http://www.blogpeople.net/" target="_blank">BlogPingPing</a><br />BlogPeople 配布の Ping 送信ソフトです。BlogPeople への登録が必要ですが、トラックバック Ping も打てるので、とても便利です。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/ping-06.gif" width="126" height="90" align="left" alt="BlogLike" title="BlogLike" style="border:0;margin-right:5px;" /><a href="http://www.blogpeople.net/" target="_blank"><a href="http://bloglike.comshare.jp/" target="_blank">BlogLike</a></a><br />会員登録するとネット上から更新 Ping、トラックバック Ping が打てるようになります。<br />BlogPingPing の使えない環境で重宝するかと。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/ping-02.gif" width="126" height="90" align="left" alt="PinGoo" title="PinGoo" style="border:0;margin-right:5px;" /><a href="http://px.a8.net/svt/ejp?a8mat=16C5ES+11ICNU+RNA+NXMIQ" target="_blank">Pingoo!</a><img border="0" width="1" height="1" src="http://www19.a8.net/0.gif?a8mat=16C5ES+11ICNU+RNA+NXMIQ" alt="" border="0" style="border:0 none;"><br />国内の主要な Ping 受け付けサーバーに Ping を送信してくれるサービス。BlogLike は送信先のサーバー数が 15 件に限定されているので、ここに Ping を打って Ping 数を増やしましょう。<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/ping-07.gif" width="126" height="90" align="left" alt="PingLiner" title="PingLiner" style="border:0;margin-right:5px;" /><a href="http://www.blogpeople.net/" target="_blank"><a href="http://www.trackbackcenter.com/" target="_blank">PingLiner</a></a><br />RSS の更新情報を確認し自動で PING.BLOGGERS.JP、goo BLOG、cocolog、Bulkfeeds、BlogPeople、Myblog japan に更新 Ping を打ってくれるサービスです。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/ping-03.gif" width="126" height="90" align="left" alt="Pingoat" title="PinGoat" style="border:0;margin-right:5px;" /><a href="http://pingoat.com/" target="_blank">PinGoat</a><br />海外の主要な Ping 受け付けサーバーに、一括で Ping を送信してくれるサービスです。<br clear="left" />http://blogger.kuribo.info/2006/03/ping.htmlKuribotag:blogger.com,1999:blog-19505349.post-114605297648134183Wed, 15 Mar 2006 21:00:00 +00002006-07-30T09:50:13.230+09:00Blogger にはトラックバックを受けとったり、送ったりする仕組みがありません。<br />このページでは、バックリンクの仕組みや HaloScan 導入方法、その他トラックバックツールについて紹介しています。<br /> <br /> <b class="icon1">バックリンク</b><br /> Blogger にトラックバックの代わりに標準でついている機能が、バックリンク機能です。これは、自分の投稿に対して張られているリンクを、投稿内に表示してくれる機能です。<br /> この機能が有効にはたらく条件は、リンクする側、される側のブログが、<a href="http://weblogs.com/" target="_blank">Weblogs.com</a> に更新 Ping を打っていることです。Google は Weblogs.com への Ping を調べて Blog Search にデータをインデックスし、それを Blogger のバックリンクでも利用しているためです。Blogger ブログはデフォルトで、Weblogs.com に更新 Ping を打つ設定になっています。<br /> バックリンク機能の詳細については、<a href="http://help.blogger.com/bin/answer.py?answer=1216" target="_blank">ヘルプ：バックリンクとその使用方法について教えてください</a>をご覧下さい<br /> <br /> <b class="icon1">HaloScan でトラックバックを打ったり受け取ったり</b><br /> <img src="http://blogger.kuribo.info/image/entry/ping-04.gif" width="126" height="90" align="left" alt="HaloScan" title="HaloScan" style="border:0;margin-right:5px;" />やっぱり、他のブログのようにトラックバックを打ったり、受け取ったりしたいという場合には、<a href="http://www.haloscan.com/" target="_blank">HaloScan</a> というサービスを利用します。Blogger ブログへの HaloScan の導入方法は以下のとおり。<br clear="left" /> <div class="indent"> <b class="icon2">Haloscan に登録する</b> <a href="http://www.haloscan.com/" target="_blank">HaloScan.com</a> から Signup をクリックします。フォームにユーザー名、パスワード、パスワードの確認、サイトタイトル、サイト URL、E メールアドレスを記入し、規約に同意するかどうかのチェックを入れて「Continue &gt;&gt;」ボタンを押します。<br /> <br /> <b class="icon2">Blogger への導入</b> <b>１．</b>HaloScan に、先ほど設定したユーザー名とパスワードでサインインします。多分 Installation Instructions の画面が表示されていると思います。「Blogger (or BlogSpot)」というラジオボタンおよび「Display trackback code」というチェックボックスをチェックして「Next &gt;&gt;」ボタンを押します。<br /> <br /> <b>２．</b>３つのコードが示されていると思います。Blogger の管理画面「テンプレート ＞ 現在の内容を編集」からテンプレート内 <code>&lt;head&gt;</code> と <code>&lt;/head&gt;</code> の間に１つ目のコードを挿入します。<br /> <br /> <b>３．</b>２つ目のコードは<div class="code">&lt;a href="javascript:HaloScan('&lt;$BlogItemNumber$&gt;');" target="_self"&gt;&lt;script type="text/javascript"&gt;postCount('&lt;$BlogItemNumber$&gt;'); &lt;/script&gt;&lt;/a&gt; <font color="red">|</font> &lt;a href="javascript:HaloScanTB('&lt;$BlogItemNumber$&gt;');" target="_self"&gt;&lt;script type="text/javascript"&gt;postCountTB('&lt;$BlogItemNumber$&gt;'); &lt;/script&gt;&lt;/a&gt;</div>となっていると思います。赤字にした文字を挟んで前方がコメントへのリンク、後方がトラックバックへのリンクになります。トラックバックだけを追加したい場合には、後半のコードのみをコピーして Blogger テンプレートの各記事のフッター部分に貼り付けます。<code>&lt;div class="post-body-footer"&gt;</code> のあるテンプレートなら、<code>&lt;div class="post-body-footer"&gt;</code> と <code>&lt;/div&gt;</code> の間が最適だと思います。<br /> <br /> <b>４．</b>３つ目のコードは「HaloScan へのバナーリンクをあなたのサイトに貼ってもらえると嬉しいです」というものなので、トラックバックとは関係がないんですが、よければサイドバーにでも貼ってあげてください。<br /> <br /> <b>５．</b>Blogger 管理画面にて「設定を保存」、ブログを「再構築」してください。<br /> <br /> <b class="icon2">Haloscan の設定</b> <b>１．</b>HaloScan 上部の Settings をクリックし、Edit Settings 画面を開きます。必須の設定として「Time Zone」を「(GMT + 9:00 hours) Osaka, Sapporo, Seoul, Tokyo」に、「Character Encoding」を「UTF-8」にします。<br /> <br /> <b>２．</b>あとは自由に設定してください。<br /> 「Title」にはトラックバックの画面上のタイトルを設定することができます（a, b, i のタグが使用可）。<br /> 「Comment link text」・「Trackback link text」ではコメント・トラックバックへのリンクに表示されるテキストを、コメント数・トラックバック数に応じて「1 Trackback」「2 Trackbacks」のように書き分けさせることができます。<br /> 「Date Format」では日付の表し方を設定することが出来ます。デフォルトの「m/d/y - g:i a」は日本人にはなじみがない気がするので「Y-m-d H:i」とする方がいいかも知れません（日付フォーマットに使用される特別な文字については<a href="http://jp.php.net/date" target="_blank">こちら</a>をご確認下さい）。<br /> <br /> <b class="icon2">トラックバックの管理</b> トラックバックの管理は、HaloScan 上部の Manage Trackback をクリックすると開く Manage Trackback Pings 画面から行います。Send a Trackback Ping タブからは、別のブログにトラックバックを打つことも可能です。トラックバックの打ち方については Hit さんの <a href="http://www.okanomail.com/2004/06/how-to-send-trackback-ping-from.html" target="_blank">How to send a trackback ping from haloscan.</a> を参考にしてください。 </div> <br /> <b class="icon1">トラックバックを打つツール</b><br /> トラックバックを打つだけでいいなら、他にいくつかツールがあります。お好みで選んでください。<br /><br /> <img src="http://blogger.kuribo.info/image/entry/ping-01.gif" width="126" height="90" align="left" alt="BlogPeople" title="BlogPeople" style="border:0;margin-right:5px;" /><a href="http://www.blogpeople.net/" target="_blank">BlogPingPing</a><br />BlogPeople 配布の Ping 送信ソフトです。更新 Ping も打てるスグレモノ。BlogPeople に登録する必要があります。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/ping-06.gif" width="126" height="90" align="left" alt="BlogLike" title="BlogLike" style="border:0;margin-right:5px;" /><a href="http://www.comshare.co.jp/bloglike/" target="_blank">BlogLike</a><br />ネット上でトラックバック Ping を送信できるツール。更新 Ping も打つことができます。会員登録が必要です。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/ping-05.gif" width="126" height="90" align="left" alt="[よ]TECH-PITS Yoshi-Mac Online" title="[よ]TECH-PITS Yoshi-Mac Online" style="border:0;margin-right:5px;" /><a href="http://www.tech-pits.com/download/trackbacksend.html" target="_blank">トラックバック送信ツール</a><br /> <a href="http://www.tech-pits.com/index.asp" target="_blank">[よ]TECH-PITS Yoshi-Mac Online</a> さんによるツール。ネット上でトラックバック Ping を打つことが出来ます。３つのエンコード方式が選択可能です。<br clear="left" />http://blogger.kuribo.info/2006/03/blog-post_16.htmlKuribotag:blogger.com,1999:blog-19505349.post-114663696077782941Wed, 15 Mar 2006 15:00:00 +00002007-02-13T02:47:17.316+09:00「フィードリーダー」もしくは「RSS リーダー」と呼ばれる、便利なサービスがあります。色々なブログやサイトが発行している RSS、Atom といったサイトフィード（更新情報ファイル）を、このリーダーに登録しておけば、各サイトが更新されたときに、その更新された記事をリーダー内に表示してくれます。何十、何百というサイトの更新を確認したいときには、いまや不可欠のサービスですね。<br /> <br /> <b class="icon1">色々なフィードリーダー</b> 以下がクリボウの利用しているフィードリーダーです。 <ul> <li><a href="http://www.bloglines.com/" target="_blank">Bloglines</a><br />フィードリーダーの定番。</li> <li><a href="http://www.google.com/reader/" target="_blank">Google Reader</a><br />Ajax な感じで、スイスイと記事を閲覧できます。</li> <li><a href="http://r.hatena.ne.jp/" target="_blank">はてな RSS</a><br />はてなユーザーに人気のリーダー。</li> <li><a href="http://reader.livedoor.com/" target="_blank">livedoor Reader</a><br />この中では一番後発ですが、動作は機敏です。</li> </ul> <br /> <b class="icon1">フィードを登録するためのブックマークレット</b> 実際にブラウザで閲覧中のサイトを、フィードリーダーに登録するためのブックマークレットです。下のリンクをブックマーク（お気に入り）に追加して、ご利用下さい。 <ul> <li>Bloglines<br /><a href="javascript:location.href='http://www.bloglines.com/sub/'+location.href">Sub with Bloglines</a></li> <li>Google Reader<br /><a href="javascript:var%20f=false;var%20ls=document.getElementsByTagName('link');for(var%20i=0,l;l=ls[i];i++){var%20t=l.getAttribute('type');var%20r=l.getAttribute('rel');if(t&&(t=='application/rss+xml'||t=='application/atom+xml')&&r&&r=='alternate'){var%20h= l.getAttribute('href');if(h.indexOf('http')!=0){var%20p=(h.indexOf('/')!=0)?'/':location.pathname;h='http://'+location.hostname+p+h;}location=' http://google.com/reader/preview/*/feed/'+h;f=true;break;}}if(!f)alert('Oops.%20Can\'t%20find%20a%20feed.');">Subscribe</a></li> <li>はてな RSS<br /><a href="javascript:location.href='http://r.hatena.ne.jp/append/'+location.href">このサイトをはてなRSSに追加</a></li> <li>livedoor Reader<br /><a href="javascript:location.href='http://reader.livedoor.com/subscribe/'+location.href">livedoor Readerに登録</a></li> </ul> <br /> <b class="icon1">フィードを登録してもらうためのリンク</b> 以下は逆に、読者に自分のブログを登録してもらうためのリンクです。<br /> <br /> <div class="bullet">旧 Blogger およびクラシックテンプレート利用の新 Blogger の場合、「テンプレート ＞ HTML を編集」から、下記のコードをテンプレートの好きなところに挿入してください。</div> <ul> <li>Bloglines<br /><code>&lt;a href="http://www.bloglines.com/sub/<wbr />&lt;$BlogSiteFeedUrl$&gt;" target="_blank"&gt;Add to Bloglines&lt;/a&gt;</code></li> <li>Google Reader<br /><code>&lt;a href="http://www.google.com/reader/preview/*/feed/<wbr />&lt;$BlogSiteFeedUrl$&gt;" target="_blank"&gt;Add to Google Reader&lt;/a&gt;</code></li> <li>livedoor Reader<br /><code>&lt;a href="http://reader.livedoor.com/subscribe/<wbr />&lt;$BlogSiteFeedUrl$&gt;" target="_blank"&gt;Add to livedoor Reader&lt;/a&gt;</code></li> <li>はてな RSS<br /><code>&lt;a href="http://r.hatena.ne.jp/append/<wbr />&lt;$BlogSiteFeedUrl$&gt;" target="_blank"&gt;Add to Hatena::RSS&lt;/a&gt;</code></li> </ul> <br /> <div class="bullet">新 Blogger の場合は、「ページ要素の追加」ではなく「テンプレート ＞ HTML を編集」ページへ進み、「ウィジットのテンプレートを展開」にチェックを入れてから、下記のコードを好きなウィジェット内に記入してください。</div> <ul> <li>Bloglines<br /><code>&lt;a expr:href='"http://www.bloglines.com/sub/" + data:blog.homepageUrl' target='_blank'&gt;Add to Bloglines&lt;/a&gt;</code></li> <li>Google Reader<br /><code>&lt;a expr:href='"http://www.google.com/reader/finder?q=" + data:blog.homepageUrl' target='_blank'&gt;Add to Google Reader&lt;/a&gt;</code></li> <li>livedoor Reader<br /><code>&lt;a expr:href='"http://reader.livedoor.com/subscribe/" + data:blog.homepageUrl' target='_blank'&gt;Add to livedoor Reader&lt;/a&gt;</code></li> <li>はてな RSS<br /><code>&lt;a expr:href='"http://r.hatena.ne.jp/append/" + data:blog.homepageUrl' target='_blank'&gt;Add to Hatena::RSS&lt;/a&gt;</code></li> </ul>http://blogger.kuribo.info/2006/03/blog-post_114663696077782941.htmlKuribotag:blogger.com,1999:blog-19505349.post-114585502813126187Fri, 10 Mar 2006 09:00:00 +00002007-06-08T19:04:44.480+09:00どのブログやサイトからもリンクがないとき、検索サイトにあなたのブログが登録されていない場合があります。検索サイトにインデックスされているかどうかというのは、ブログへのアクセス数に大きく関わります。<br />そこで、検索サイトに登録されるための方法なんですが、誰かからリンクされるのを待つよりも、検索サイトに登録しておく方がてっとりばやいと思います。<br /> <br /> <b class="icon1">検索ロボット巡回先に登録する</b> 検索サイトでは、検索用のロボットがネット上を巡回することで、Web ページの情報を収集しています。そこで、その検索ロボットの巡回先に自分のブログを追加します。各ページに自分のブログの URL を記入するだけなので簡単です。<br /> <br /> <ul> <li><b>Google</b><br /><a href="http://www.google.co.jp/addurl/?continue=/addurl" target="_blank">サイトの登録 / 削除</a></li> <li><b>Yahoo!</b><br /><a href="http://submit.search.yahoo.co.jp/add/request" target="_blank">Yahoo! JAPAN - 検索結果に表示させる方法</a></li> <li><b>MSN</b><br /><a href="http://search.msn.co.jp/docs/submit.aspx" target="_blank">MSN サーチ URL の登録</a></li> </ul> <br /> <b class="icon1">ディレクトリに申し込む</b> ディレクトリではそれぞれの検索サイトが、おすすめの Web ページをジャンルごとに分類しています。ブログを申請すれば、各検索サイトでの審査を受けることができます。申請するページは各ジャンルによって異なるので、ここではヘルプだけ紹介します。<br /> <br /> <img src="http://blogger.kuribo.info/image/entry/search-05.gif" width="126" height="90" align="left" alt="DMOZ" title="DMOZ" style="border:0;margin-right:5px;" /><b>DMOZ</b><br /> <a href="http://dmoz.org/World/Japanese/add.html" target="_blank">Open Directory Projectへのサイト申請方法</a><br /> DMOZ の審査に通ったサイトは、Google ディレクトリにも載ることになります。<br clear="left"/><br /> <img src="http://blogger.kuribo.info/image/entry/search-06.gif" width="126" height="90" align="left" alt="Yahoo!" title="Yahoo!" style="border:0;margin-right:5px;" /><b>Yahoo!</b><br /> <a href="http://dir.yahoo.co.jp/pg/submit/guide/submit1.html" target="_blank">Yahoo!カテゴリ - サイトの登録申し込み手順（1/4）</a><br /> <br clear="left"/>http://blogger.kuribo.info/2006/03/blog-post_10.htmlKuribotag:blogger.com,1999:blog-19505349.post-114620512591617380Thu, 09 Mar 2006 03:00:00 +00002007-08-18T16:48:37.265+09:00このページでは、Google に効率的にページをクロールしてもらうための仕組み、Google ウェブマスターツール（旧名 Google Sitemaps）の利用法について紹介しています。<br clear="left" /> <br /> <br /> <b class="icon1">Google Sitemaps？</b><br /> <a href="https://www.google.com/webmasters/tools/" target="_blank">Google ウェブマスターツール</a> というのは、サイトマップファイルというファイルを通じて、自分のサイトにどんなページがあるのか、Google に伝えるためのシステムです（<a href="http://www.google.com/webmasters/sitemaps/docs/ja/about.html" target="_blank">ドキュメント</a>）。<br /> <br /> 自分の運営しているページの情報を記載したサイトマップファイルを Google ウェブマスターツールに登録しておくと、そのファイルの内容に応じて Google が各ページをクロールし、ウェブ検索の対象としてインデックスしてくれる、という仕組みになっています。<br /> <br /> <br /> <b class="icon1">BlogSpot は Atom を登録</b><br /> Google ウェブマスターツールを利用する上での一番の問題は、そのサイトマップファイル（sitemap.xml）をルートのディレクトリに置かなければならないという点です。BlogSpot のブログだと、自由にファイルをアップロードすることはできないので、この条件がクリアできません。<br /><br /> ですが幸いなことに Google ウェブマスターツールでは、サイトマップファイルの代わりに Atom ファイルを登録してもいいことになっています（<a href="http://www.google.co.jp/support/webmasters/bin/answer.py?answer=34654" target="_blank">ヘルプ</a>）。Blogger の atom.xml はちょうどルートに生成されるので、Google ウェブマスターツールに用いるフィードとして、ちょうどいいですね。<br /> <br /> <br /> <b class="icon1">サイトの確認？</b><br /> Google ウェブマスターツールサイトでは、サイトマップによるクロールの結果やエラー情報といった統計情報が閲覧できます。この統計情報には、検索で使われたクエリの情報、クロールの情報、ページ分析などが含まれていて、Google 検索と自分のサイトとの関係を色々な面から確認することが出来ます。<br /> <br /> この統計情報を閲覧するためには、サイトマップの登録者がサイトの所有者と一致しているかどうかを確認する「<a href="http://www.google.co.jp/support/webmasters/bin/topic.py?topic=8472" target="_blank">サイトの確認</a>」という作業が必要です。<br /> <br /> 「サイトの確認」には二通りの方法があります。一つは、サイトマップファイルの置かれているディレクトリに、Google Sitemaps の指定する名前のファイルをアップロードする方法。もう一つは、クロール対象ページの HTML、head 要素内に Google ウェブマスターツールの指定する meta タグを挿入する方法です。<br /> <br /> BlogSpot ユーザーは、ファイルをアップロードすることができないので、後者を選択することになりますね。ちなみに「サイトの確認」ができていなくても、統計やエラーの表示ができないだけで、Google のクロールはきちんと行われます。<br /> <br /> <br /> <b class="icon1">最後に</b><br /> つまり、BlogSpot の Blogger ユーザーは、 Google ウェブマスターツールに atom.xml を登録し、「サイトの登録」では head 要素内に Google Sitemaps の指定する meta タグを挿入しましょう、ということなのです。<br /> <br /> Google Sitemaps を利用して、Google 検索で自分のブログが、たくさんヒットするようになるといいですね。http://blogger.kuribo.info/2006/03/google-sitemaps.htmlKuribotag:blogger.com,1999:blog-19505349.post-450984397480131339Wed, 08 Mar 2006 09:00:00 +00002007-08-18T17:06:24.122+09:00Google には<a href="https://www.google.com/webmasters/tools/" target="_blank">ウェブマスターツール</a>というサービスがあります（旧名 Google Sitemaps）。これは、Google の検索エンジンに対して、自分のサイトにこんなページがあるよと知らせるためのもの。Blogger ブログの登録方法は、<a href="http://blogger.kuribo.info/2006/03/google-sitemaps.html" target="_blank">Google ウェブマスターツールを利用する</a>という記事を確認してもらえたらと思います。<br /> <br /> 今回取り上げるのは、Yahoo! 版ウェブマスターツールともいえる <a href="http://siteexplorer.search.yahoo.com/" target="_blank">Yahoo! Site Explorer</a>。以下の文章を読んだのが、記事を書こうと思ったきっかけです。<br /> <br /> <blockquote>これまで認証はファイルベースであったため、blogspotのブログは認証できていなかった。<br />で、今日見てみたところ、いつのまにやら(どうやら1月末ごろから)metaタグでAuthentication（GoogleでいうVerification）ができるように改良されていたようで、早速やってみた。<div class="by"><a href="http://hsdiary.blogspot.com/2007/02/yahoo-site-explorer-meta-tag.html" target="_blank">硬軟日記: Yahoo! Site Explorerがmetaタグ認証に対応</a></div></blockquote> <br /> Yahoo! Site Explorer でも「サイトの確認」がページ内のメタタグでできるようになったとのことです。つまり BlogSpot の Blogger ユーザーも Yahoo! Site Explorer の利用が可能になったということ。ということで以下 Blogger ブログの登録方法を説明していこうと思います。<br /> <br /> <br /> <b class="icon1">登録方法</b><br /> <b>１．</b>yahoo.com のアカウントを取得します（yahoo.co.jp のアカウントは不可です）。<a href="http://siteexplorer.search.yahoo.com/" target="_blank">Yahoo! Site Explorer</a> から、「Sign In」「Sign Up」とリンクをたどっていくと、アカウント作成画面が開きます。必要事項を記入して、アカウントを取得してください。<br /><br /> <b>２．</b><a href="http://siteexplorer.search.yahoo.com/" target="_blank">Yahoo! Site Explorer</a> にサインインします。<br /> <br /> <a href="http://www.kuribo.info/image/entry/07051502.gif" target="_blank"><img src="http://www.kuribo.info/image/entry/07051501.gif" alt="" title="" border="0" style="border:0;" width="400" height="220" /></a><br /><br /> <b>３．</b>ブログの URL を入力し「Add My Site」ボタンを押すと、そのブログ URL が下に登録されます。<br /><br /> <b>４．</b>ブログ URL 横の「Manage」ボタンを押して、ブログのフィードを登録します。登録できるフィードは RSS0.9、RSS1.0、RSS2.0、Sitemaps、Atom0.3、Atom1.0（<a href="http://help.yahoo.com/help/us/ysearch/siteexplorer/siteexplorer-37.html" target="_blank">ヘルプ</a>）。BlogSpot な Blogger ならブログルートの atom.xml（Atom1.0）を登録すれば OK です。<br /><br /> <b>５．</b>「Authenticate」ボタンからブログの認証画面に進みます。２種類の認証方法が表示されます。「To add a META tag to your home page」以下のメタタグ（↓こういうの） <div class="code">&lt;META name="y_key" content="0123456789abcdef" /&gt;</div>をコピーします。<br /><br /> <b>６．</b>ブラウザの別ウィンドウで Blogger 管理画面「テンプレート ＞ HTML の編集」を開き、テンプレートコードの head 要素内に ５のタグを貼り付け「テンプレートを保存」ボタンを押します。<br /><br /> <b>７．</b>５の認証画面で「Ready to Authenticate」ボタンを押します。「Your site is pending authentication.（認証保留）」のメッセージが出れば登録作業は終了です。<br /><br /> <div style="font-size:9pt;border:dashed 1px #999;padding:5px;">※ FTP 経由公開ブログで Google のサイトマップファイルを利用している場合は、フィードに sitemap.xml も登録しておく方がよさそうです。<br /> <br /> ※ FTP 経由公開ブログの場合の認証は、ページへのメタタグ挿入よりもブログルートに指定のファイルをアップロードする方が簡単です。</div> <br /> ぜひお試しください。Yahoo! 経由のアクセスも増えるといいですね。http://blogger.kuribo.info/2006/03/yahoo-site-explorer.htmlKuribotag:blogger.com,1999:blog-19505349.post-114585513586873662Wed, 08 Mar 2006 03:00:00 +00002007-11-11T07:22:54.164+09:00今回は「ブログランキングサイト」についてです。ブログランキングで有名なサイトを下に並べてみます。<br /> <br /> <img src="http://blogger.kuribo.info/image/entry/ranking-01.gif" width="126" height="90" style="border:0;margin-right:5px;" align="left" alt="" title="" /><a href="http://blog.with2.net/" target="_blank">人気 blog ランキング</a><br /> クリック型。<br /> サイト検索、記事検索。<br /> 登録ブログ 360,476 件。<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/ranking-02.gif" width="126" height="90" style="border:0;margin-right:5px;" align="left" alt="" title="" /><a href="http://www.blogmura.com/" target="_blank">にほんブログ村</a><br /> クリック型。<br /> サイト検索、記事検索、トラックバックテーマ、プロフィール。登録ブログ 73,031 件。<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/ranking-03.gif" width="126" height="90" style="border:0;margin-right:5px;" align="left" alt="" title="" /><a href="http://kutsulog.net/" target="_blank">くつろぐ</a><br /> クリック型。<br /> サイト検索、プロフィール。<br /> 登録ブログ 41,375 件。<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/ranking-06.gif" width="126" height="90" style="border:0;margin-right:5px;" align="left" alt="" title="" /><a href="http://www.ranq.jp/" target="_blank">ranQ</a><br /> クリック型。<br /> サイト検索、プロフィール、更新通知メール。<br /> 登録ブログ 27,643 件。<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/ranking-04.gif" width="126" height="90" style="border:0;margin-right:5px;" align="left" alt="" title="" /><a href="http://www.doramix.com/rank/" target="_blank">週刊 ブログ王</a><br /> クリック型。<br /> サイト検索、トラックバックセンター。<br /> 登録ブログ 27,074 件。<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/ranking-05.gif" width="126" height="90" style="border:0;margin-right:5px;" align="left" alt="" title="" /><a href="http://blogranking.net/" target="_blank" target="_blank">ブログランキングドットネット</a><br /> スクリプト型。<br /> サイト検索、記事検索、トラックバックテーマ。<br /> 登録ブログ 24,569 件<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/ranking-07.gif" width="126" height="90" style="border:0;margin-right:5px;" align="left" alt="" title="" /><a href="http://blog-ranking.com/blognavi/top1" target="_blank">blog-Navi</a><br /> クリック型。<br /> サイト検索。<br /> 登録ブログ 18,005 件。<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/ranking-08.gif" width="126" height="90" style="border:0;margin-right:5px;" align="left" alt="" title="" /><a href="http://px.a8.net/svt/ejp?a8mat=10BKH8+4D6H96+WCG+C2O5E" target="_blank">ワンコブログランキング</a><img border="0" width="1" height="1" src="http://www10.a8.net/0.gif?a8mat=10BKH8+4D6H96+WCG+C2O5E" alt="" style="border:none;" /><br /> クリック型。<br /> サイト検索。<br /> 登録ブログ 1,807 件。<br clear="left" /><br /> 結構ありますね…。登録ブログ数は 2007 年 2 月 23 日現在のものです。<br /> <br /> <b class="icon1">ランキング機能</b><br /> <b class="icon2">クリック型</b> どのサイトも名前のとおり、登録されているブログを人気順にランキングにして、表示してくれます。このランキングは、基本的には、登録ブログからランキングサイトにリンクで飛んできた人の数にもとづいています。上にクリック型と書いたのが、その方法をとっているサイトです。<br /><br /> <b class="icon2">スクリプト型</b> スクリプト型と書いた「ブログランキングドットネット」は、ランキングのつけ方が他のものとは違って、指定されたスクリプトをブログに貼り付けておくことで、ブログを見にきたユニークビジター数をそのままカウントする仕組みをとっています。また、ビジター数だけでなく、ブログの更新頻度もポイントに加算されるとか。おもしろいブログの評価の仕方ですね。ランキングサイトを見に行かなくても、順位が画像で分かるのも便利な点です。<br /> <br /> <b class="icon1">検索機能</b><br /> 上に、検索機能についても記してみたんですが、分かりますでしょうか？サイト検索というのは、自分の登録したブログ情報や、ブログの順位が検索結果として出てくるものですが、記事検索は、ブログの発行している RSS（Blogger は Atom）にもとづいて、各記事の内容を検索結果として表示する機能です。サイト検索にしても記事検索にしても、登録していないブログは当然検索結果には現れてきませんので、検索結果に載せるためだけにブログをランキングサイトに登録するという手も、アリだと思います。Blog Ranking に関していえば、登録ブログだけで 23 万件。訪問者は…。ともかくバカにできない数字だと思います。<br /> また、新しい記事を見つけるために、たいていのランキングサイトで、ブログの更新 PING を受け付けています。新しい記事を書いたときには、積極的にこれらのサイトに PING を打つようにした方がいいですね。<br /> <br /> <b class="icon1">プロフィール機能</b><br /> ブログのカテゴリーや人気ではなくて、ブログを書いている人をターゲットに検索したり、コミュニケーションをとれるのがプロフィール機能です。どこどこに住んでいる、何歳ぐらいのブロガーを探すということが出来たりするようです。<br /> <br /> <b class="icon1">トラックバックテーマ</b><br /> ランキングサイトに登録している人が、自由にテーマを設定することの出来る、トラックバックセンターです。そのテーマに関心のあるブロガーが、記事を書きトラックバックしていくことで、関連性のあるブログ記事のタイトルがそこに並ぶことになります。ランキングサイトではありませんが、BlogPeople の <a href="http://tbp.jp/tbp_235.html" target="_blank">トラックバックピープル（Blogger）</a> を見てもらうと、どんなものかわかりやすいかと思います。<br /> ランキングサイトでも同様の機能を備えているんですが、トラックバックピープルのような、そのトラックバックたちを自分のブログに表示するための仕組みがないのが残念ですね。せめて RSS を生成してくれれば…。<br /> <br /> <b class="icon1">最後に</b><br /> 思いのほか長い記事になってしまいましたが、ブログランキングサイトでどんなことができるのか、イメージがつかめたでしょうか？クリボウ自身も、この記事を書いていて再発見するところがありました。<br /> ランキングサイトに色んな活用法があると思うので、登録しておいて損はナシ、だと思います。ぜひご利用ください。http://blogger.kuribo.info/2006/03/blog-post_08.htmlKuribotag:blogger.com,1999:blog-19505349.post-114606841676393436Sat, 04 Mar 2006 03:00:00 +00002007-07-05T00:09:09.022+09:00Blogger ブログには、自由にアフィリエイト広告を載せることができます。<br /> <br /> <br /> <b class="icon1">アフィリエイトって？</b><br /> アフィリエイトというのは、ブログやサイトから張られたリンクを通じて読者が企業サイトで商品を購入したときに、紹介者のブログやサイトに企業から報酬が支払われるプログラムのことです。<br /> <br /> ブログ運営者は ASP と呼ばれる広告代理サイトに登録して、企業サイトへのリンクするコードを受け取り、ブログの投稿やテンプレートにそのコードを貼り付けます。広告には、リンクを通じて商品が購入されたときに報酬が発生する成果報酬型と、リンクを通じて企業サイトが閲覧されるだけで報酬の発生するクリック型とがあります。<br /> <br /> <br /> <b class="icon1">いろんな ASP</b><br /> 以下が、クリボウが実際に登録している ASP です。各社それぞれ特色があり、提携企業もそれぞれ違うので、リンクから確認してみてくださいね。<br /> <br /> <img src="http://blogger.kuribo.info/image/entry/affiliate-08.gif" width="126" height="90" align="left" alt="A8.net" title="A8.net" style="border:0;margin-right:5px;" /><a href="http://px.a8.net/svt/ejp?a8mat=U6SQS+66O50Y+0K+ZSD6A" target="_blank">A8.net</a><img border="0" width="1" height="1" src="http://www14.a8.net/0.gif?a8mat=U6SQS+66O50Y+0K+ZSD6A" alt="" style="border:none;" /><br /> アフィリエイトと聞いて最初に思い浮かぶのがここ、というぐらい有名なところ。広告主が多い（3000 社）のと、審査なしで登録できるのが特色です。初めてアフィリエイトをされる人におすすめです。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/affiliate-11.gif" width="126" height="90" align="left" alt="電脳卸" title="電脳卸" style="border:0;margin-right:5px;" /><a href="http://www.d-064.com/touroku/han_touroku.php?hid=121996#11" target="_blank">電脳卸</a><br /> 商品販売に特化したサイト。平均 15 ％と言われる、高い報酬率も魅力です。審査も簡単なので、手軽に開始することができます。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/affiliate-09.gif" width="126" height="90" align="left" alt="LinkShare" title="LinkShare" style="border:0;margin-right:5px;" /><a href="http://click.linksynergy.com/fs-bin/click?id=I*KGzX/VpsU&offerid=78559.10000001&type=3&subid=0" target="_blank">LinkShare</a><img border=0 width=1 height=1 src="http://ad.linksynergy.com/fs-bin/show?id=I*KGzX/VpsU&bids=78559.10000001&type=3&subid=0" style="border:none;" /><br /> 広告主に DELL、HMV、NEC、Apple などの有名企業がたくさん。アフィリエイト報酬は 1 円から、手数料も LinkShare もちで振り込まれるのが魅力。ある程度ブログが落ち着いたら、申し込んでみては？<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/affiliate-10.gif" width="126" height="90" align="left" alt="ValueCommerce" title="ValueCommerce" style="border:0;margin-right:5px;" /><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2297811&pid=874232875" target="_blank">ValueCommerce</a><img Src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2297811&pid=874232875" height="1" width="1" Border="0" style="border:none;" /><br /> JTB、Yahoo!、NEC、SOTEC、TSUTAYA、リクルート他、参加サイトは有名企業ばかり。サイトを訪れるたびに広告が変わるローテーション広告が特長。審査は厳しいけれど、挑戦する価値は大いにアリです。<br clear="left" /> <br /> <br /> <b class="icon1">アドバイス</b><br /> クリボウもあまりうまくできていないとは思うんですが、少しアドバイス。<br /> バナーやテキスト広告をサイドバーに置いているだけではなかなかクリックしてもらえないと思います。自然な形で投稿の中で言及するようにした方がいいですね。<br /> <br /> それと、自分のブログでアフィリエイトを始めても、最初は思うような報酬を得られないかもしれません。あまりアフィリエイト、アフィリエイトとむきにならずに、いい記事を書いてたくさんの人に見てもらうことが、結局アフィリエイト的にも一番いい結果に結びつくと思います。がんばってくださいね。http://blogger.kuribo.info/2006/03/blogger_04.htmlKuribotag:blogger.com,1999:blog-19505349.post-114536951743889022Fri, 03 Mar 2006 03:00:00 +00002007-02-22T09:32:59.029+09:00Google AdSense 広告というものをご存知でしょうか。このサイトのサイドバーに表示されているのがそれです。AdSense の広告には、広告掲載ページの内容にマッチする内容が自動的に選択され表示される、という特徴があります。<br /> <br /> 2005 年 9 月から、Blogger の管理画面には AdSense 広告設定が組み込まれています。そのため、Blogger ブログには AdSense の広告を簡単に貼り付けられるようになっています。<br /> <br /> <b class="icon1">AdSense の申し込み＋広告貼り付け</b><br /> それでは AdSense 広告の導入についてです。まずは AdSense に申し込みましょう。<br /> <script type="text/javascript"><!-- google_ad_client = "pub-0670378923175277"; google_ad_output = "textlink"; google_ad_format = "ref_text"; google_cpa_choice = "CAAQ_f-LyQIaCA6QbRdNmAb0KMWM4YcB"; google_ad_channel = "1192594931"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <noscript><a href="https://www.google.com/adsense/" target="_blank">Google AdSense</a></noscript> <br /> <br /> <div class="bullet">旧 Blogger の場合、管理画面「テンプレート ＞ AdSense」から、AdSense 広告の貼り付けや表示の設定をすることができます。詳細は<a href="http://help.blogger.com/bin/answer.py?answer=42281" target="_blank">ヘルプ：自分の Blog に AdSense を導入するにはどうすればよいですか</a>をご確認下さい。</div> <br /> <div class="bullet">新 Blogger の場合は、管理画面「テンプレート ＞ ページ要素」から AdSense 広告を貼り付けます。セクション内の「ページ要素を追加」リンクをクリックし、「AdSense」ウィジェットの「ブログに追加」ボタンをクリックします。広告の表示設定をしたら「変更を保存」を押します。これで広告の貼り付けは終了です。</div> <br /> <b class="icon1">従来の貼り付け方も OK</b><br /> 「Blogger 指定の場所以外にも AdSense 広告をつけたい」「AdSense の他のオプションを利用したい」という場合には、AdSense サイトで広告を作成しコードを Blogger テンプレートに貼り付けるという、従来の AdSense 広告の貼り付け方も可能です。<br /> そのような AdSense 広告の貼り付け方については、<a href="http://help.blogger.com/bin/answer.py?answer=42291" target="_blank">ヘルプ：Blog のサイド バーに AdSense を導入するにはどうすればよいですか</a>（旧 Blogger 用）を参考にしてください。<br /> <br /> <div class="bullet">新 Blogger の場合、AdSense の発行するコードは、そのままでは貼り付けることができません。<code>&lt;!--</code> と <code>//--&gt;</code> をそれぞれ、<code>&amp;lt;--</code> と <code>//--&amp;gt;</code> に書き換えてから、貼り付けてください。（実際に Blogger でページが表示されるときには、ちゃんと <code>&lt;!--</code>、<code>//--&gt;</code> に変換されます。）</div> <br /> <b class="icon1">AdSense 広告の内容を（ちょっとだけ）管理する</b><br /> <b>１．フィルタリング</b><br /> AdSense 広告で実際にどんな広告が表示されるかは、表示されてみるまでわかりません。でも、どうしても広告が気に入らない場合には、AdSense 側の設定で、フィルターをかけてその会社の広告を表示させないといったことも可能です。<a href="https://www.google.com/adsense/support/bin/topic.py?topic=154" target="_blank">AdSense ヘルプ：フィルター</a>をご覧下さい。<br /> <br /> <b>２．セクションターゲットを設定する</b><br /> AdSense 広告の内容は、ページ内の文章を元に選択されているんですが、セクションターゲットという方法をとると、広告選択の対象に使われる文章をここからここまでと限定することが可能です。<a href="https://www.google.com/adsense/support/bin/answer.py?answer=23168" target="_blank">AdSense ヘルプ：セクションターゲット</a>をご覧下さい。<br /> <br /> <div class="bullet">新 Blogger の場合、コメントタグは Blogger 側で完全に無視されてしまい、ページに書き出されることはありません。コメントタグを書き出させるために、<code>&lt;!--</code> と <code>--&gt;</code> をそれぞれ、<code>&amp;lt;--</code> と <code>--&amp;gt;</code> に書き換えてから、テンプレートに貼り付けるようにしてください。</div> <br /> <b class="icon1">AdSense 広告を削除する</b><br /> Blogger ブログから AdSense 広告をはずす方法も書いておきます。<br /> <br /> <div class="bullet">新 Blogger で AdSense ウィジェットを使って広告を貼り付けている場合は、そのウィジェットを削除します。管理画面「テンプレート ＞ ページ要素」から AdSense ウィジェットの「編集」リンクをクリックし、「ページ要素を削除」ボタンをクリックすれば OK です。</div> <br /> <div class="bullet">その他の場合は、テンプレートから AdSense を表示するためのコードを見つけて削除します。AdSense コードの見つけ方は<a href="http://help.blogger.com/bin/answer.py?answer=42535" target="_blank">ヘルプ：AdSense コードを削除するにはどうすればよいですか</a>を参考にしてください。</div>http://blogger.kuribo.info/2006/03/adsense.htmlKuribotag:blogger.com,1999:blog-19505349.post-114605319704385331Thu, 02 Mar 2006 21:00:00 +00002007-02-08T16:46:27.473+09:00<img src="http://blogger.kuribo.info/image/entry/affiliate-03.gif" width="126" height="90" align="left" alt="Amazon.co.jp" title="Amazon.co.jp" style="border:0;margin-right:5px;" />本や DVD のインターネット販売で有名な <a href="http://www.amazon.co.jp/exec/obidos/redirect?link_code=ur2&tag=kuribosblogge-22&camp=247&creative=1211&path=tg%2Fbrowse%2F-%2F489986" target="_blank">Amazon.co.jp</a> には、商品を紹介して読者に購入してもらえれば、その商品の金額の数％が紹介者の報酬となる、「アソシエイト」と呼ばれる商品紹介プログラムがあります。<br clear="left" /> <br /> <b class="icon1">アソシエイトプログラムに申し込む</b> Amazon.co.jp アソシエイトプログラムへは<a href="http://associates.amazon.co.jp/gp/associates/join/main.html" target="_blank">こちら</a>からどうぞ。<br /> <br /> <b class="icon1">リンクを作成する</b> アソシエイトプログラムへの参加が認められれば、すぐさまブログに商品へのリンクを貼り付けることが出来ます。Amazon.co.jp サイト内でつくれるリンクには、個別商品リンク、ライブリンク、バナーリンク、テキストリンク、サーチボックスリンクといった種類があるので、いろいろな商品紹介リンクをつくって、ブログのテンプレートや投稿に貼り付けてください。<br /> <br /> <b class="icon1">リンク作成ツール</b> 個別商品リンクをたくさん使いたい人には、リンク作成ツールをおすすめします。これらのツールを使うと、Amazon.co.jp サイト内では作れない、色々な形式の個別商品リンクを作ることができます。<br /> <br /> <img src="http://blogger.kuribo.info/image/entry/affiliate-04.gif" width="126" height="90" align="left" alt="amazlet" title="amazlet" style="border:0;margin-right:5px;" /><a href="http://app.bloghackers.net/amazlet/" target="_blank">amazlet ツール</a><br /> 簡単に個別紹介リンクを作成することが出来ます。 <br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/affiliate-05.gif" width="126" height="90" align="left" alt="G-Tools" title="G-Tools" style="border:0;margin-right:5px;" /><a href="http://www.goodpic.com/mt/aws/" target="_blank">G-Tools</a><br /> 個別紹介リンクの表示項目などを、自分の好きなようにカスタマイズすることが出来ます。 <br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/affiliate-12.gif" width="126" height="90" align="left" alt="Amazon トップセラーティッカー" title="Amazon トップセラーティッカー" style="border:0;margin-right:5px;" /><a href="http://link.infoathletes.com/" target="_blank">Ama-Z</a><br /> こちらも個別紹介リンクを作成。このツールは、商品画像に様々な効果がつけられます。<br clear="left" /><br /> <img src="http://blogger.kuribo.info/image/entry/affiliate-06.gif" width="126" height="90" align="left" alt="Amazon Searc" title="Amazon Searc" style="border:0;margin-right:5px;" /><a href="http://www.drk7.jp/MT/AmazonSearch.html" target="_blank">Amazon Search</a><br /> <a href="http://www.drk7.jp/MT/" target="_blank">drk7.jp</a> のサービス。AdSense 広告のように、ページの内容と関連の深い Amazon 商品を自動表示してくれるパーツを配布。<br clear="left" /> <br /> <img src="http://blogger.kuribo.info/image/entry/affiliate-07.gif" width="126" height="90" align="left" alt="Amazon トップセラーティッカー" title="Amazon トップセラーティッカー" style="border:0;margin-right:5px;" /><a href="http://www.affrank.com/amazon.php" target="_blank">Amazon トップセラーティッカー</a><br /> <a href="http://px.a8.net/svt/ejp?a8mat=UBCGA+GEM0VM+DZ2+5ZU2A" target="_blank">ACR WEB</a> のサービス。100 近いジャンルの Amazon トップセラー商品をテキストで表示するティッカー。場所もとらないので便利です。<img src="http://www16.a8.net/0.gif?a8mat=UBCGA+GEM0VM+DZ2+5ZU2A" alt="" style="border: medium none ;" border="0" height="1" width="1"><br clear="left" />http://blogger.kuribo.info/2006/03/amazoncojp.htmlKuribotag:blogger.com,1999:blog-19505349.post-114536692111382307Thu, 02 Mar 2006 03:00:00 +00002007-02-19T14:21:02.808+09:00<img src="http://blogger.kuribo.info/image/entry/affiliate-01.gif" width="126" height="90" align="left" alt="はてな" title="はてな" style="border:0;margin-right:5px;" />ブックマーク、ダイアリー、リングなど、<a href="http://www.hatena.ne.jp/" target="_blank">はてな</a>のサービスを利用しているユーザーは多いと思います。ここでは自分の Blogger ブログで、<a href="http://www.hatena.ne.jp/help?mode=point" target="_blank">はてなポイント</a>を受け取る方法について紹介します。ちなみに、はてなのアカウントが必要です。<br clear="left" /> <br /> <b class="icon1">ブックマークからポイントを送ってもらう</b> <br /> はてなでは、ブックマークをするときに、はてなポイントを送信することができます。はてなポイントは、はてなのアカウントに対して送信されるので、Blogger の場合、ブログからはてなアカウントが自動的に検出されるように、テンプレートを編集しておく必要があります。ここでは<a href="http://b.hatena.ne.jp/help?mode=tipjar" target="_blank">はてなブックマークヘルプ</a>を参考にします。<br /> <br /> 以下は、テンプレートに書き加えるコードです。青字部分は、ご自分のはてなアカウント名に差し替えてください。 <div class="code"><font color="red">&lt;</font>!--<br /> &lt;rdf:RDF<br /> &nbsp;&nbsp;&nbsp;xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot;<br /> &nbsp;&nbsp;&nbsp;xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot;&gt;<br /> &lt;rdf:Description rdf:about=&quot;<$BlogURL$>/&quot;&gt;<br /> &nbsp;&nbsp;&nbsp;&lt;foaf:maker rdf:parseType=&quot;Resource&quot;&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;foaf:holdsAccount&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;foaf:OnlineAccount foaf:accountName=&quot;<span class="blue">あなたのはてなアカウント名</span>&quot;&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;foaf:accountServiceHomepage rdf:resource=&quot;http://www.hatena.ne.jp/&quot; /&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/foaf:OnlineAccount&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/foaf:holdsAccount&gt;<br /> &nbsp;&nbsp;&nbsp;&lt;/foaf:maker&gt;<br /> &lt;/rdf:Description&gt;<br /> &lt;/rdf:RDF&gt;<br /> --<font color="red">&gt;</font> </div> <br /> <div class="bullet">旧 Blogger およびクラシックテンプレート利用の新 Blogger の場合、管理画面「テンプレート ＞ HTML を編集」から head 要素内（<code>&lt;head&gt;</code> と <code>&lt;/head&gt;</code> の間）に上記コードを貼り付けて、ブログを再構築して下さい。</div><br /> <div class="bullet">新 Blogger の場合は、書き込むコードが少し変わります。上記コードの赤字部分 <code>&lt;</code> と <code>&gt;</code> をそれぞれ、<code>&amp;lt;</code> と <code>&amp;gt;</code> に書き換えて下さい。そのコードを、管理画面「テンプレート ＞ HTML を編集」から、head 要素内（<code>&lt;head&gt;</code> と <code>&lt;/head&gt;</code> の間）に貼り付けて、「テンプレートを保存」ボタンを押せば OK です。</div> <br /> <b class="icon1">直接ポイントを送ってもらうリンク</b> <br /> はてなにはブックマークを経ずに、直接はてなポイントを送信する仕組みもあります。そして、このポイント送信画面へ自分のブログからリンクを貼ることも可能です。こんな感じ → <a href="https://www.hatena.ne.jp/sslsendpoint?name=noko-noko" target="_blank">はてなポイント送信</a>。リンク先の URL を<br /> <code>https://www.hatena.ne.jp/sslsendpoint?name=<span style="color:#ff0000;">あなたのはてなアカウント</span></code><br /> としたリンクを書くことで、自分あてのポイント送信画面を出すことが出来ます。<br /> リンクの書き方が不明の場合には<a href="http://help.blogger.com/bin/answer.py?answer=41379" target="_blank">ヘルプ：他のウェブ ページへのリンクを設定するにはどうすればよいですか</a>をご確認下さい。<br /> <br /> また、このリンク先 URL の末尾に <code>&price=<span style="color:#ff0000;">送信されるポイント数</span></code> を付け加えると、「送信ポイント」欄に指定したポイント数の記入されたページを開くこともできます。http://blogger.kuribo.info/2006/03/blog-post_02.htmlKuribotag:blogger.com,1999:blog-19505349.post-412974000707621573Sat, 25 Feb 2006 02:31:00 +00002007-08-05T11:34:22.458+09:00Feed2JS というサービスを使うと、ATOM や RSS などのフィードの内容を JavaScript でブログ内に表示させることが出来ます。<br /> <br /> Blogger のレイアウトテンプレートだとフィードウィジェットも標準機能として使えますが、ウィジェットが利用できないエリア（投稿内など）にフィードを表示したい場合には、この Feed2JS が便利です。<br /> <br /> クラシックテンプレートの場合は、フィードウィジェットそのものが使えないので、ウィジェットの代わりにもこの Feed2JS が重宝すると思います。<br /> <br /> このページでは、Feed2JS の導入方法についてまとめておきます。<br /> <br /> <br /> <b class="icon1">１．設定方法</b><br /> <a href="http://feed2js.org/" target="_blank">Feed2JS</a> サイトを開き、ページ上部の Build というタブをクリックして、コード作成ページに移動します。<br /><br /> <div style="padding:0 0 10px 15px;"> <b>URL</b><br /> <div style="padding:0 0 10px 15px;">表示させたい RSSフィードの URL を記入します。Atom も可。</div> <b>Show channel?</b><br /> <div style="padding:0 0 10px 15px;">チャンネル情報（ブログ等のタイトルと説明文）の表示切替。<code>yes</code> …タイトルと説明文を両方表示、<code>title</code> …タイトルのみ表示、<code>no</code> …どちらも表示しない。</div> <b>Number of items to display</b><br /> <div style="padding:0 0 10px 15px;">記事を何件表示させるか。<code>0</code> なら RSS に記述されている分全てを表示。</div> <b>Show/Hide item descriptions? How much?</b><br /> <div style="padding:0 0 10px 15px;">各記事の内容を何文字表示するか。<code>0</code> …内容を表示しない、<code>1</code> …内容を全て表示、<code>2</code> 以上 …その文字数分表示、<code>-1</code> …内容を表示せずタイトルにリンクもつけない。</div> <b>Use HTML in item display?</b><br /> <div style="padding:0 0 10px 15px;">内容中の HTML の処理の仕方。<code>yes</code> … HTML を有効にする、<code>no</code> …テキストのみ表示する、<code>paragraphs</code> …HTML は無効だが改行は &lt;br&gt; に変換する。</div> <b>Show item posting date?</b><br /> <div style="padding:0 0 10px 15px;">日付表示の有無。<code>yes</code> …日付を表示する、<code>no</code> …日付を表示しない。</div> <b>Time Zone Offset</b><br /> <div style="padding:0 0 10px 15px;">タイムゾーンを設定。日本なら <code>+9</code> を入力。RSS に記述されている時刻を使う場合は <code>feed</code> と記入。</div> <b>Target links in the new window?</b><br /> <div style="padding:0 0 10px 15px;">リンク先ページを表示するウィンドウを設定。<code>n</code> …そのまま同じウィンドウに、<code>y</code> …新しいウィンドウを開いて表示、<code>popup</code> … JavaScript を使ったポップアップウィンドウに表示。<code>任意の文字列</code> …その名前のついたウィンドウに表示。</div> <b>UTF-8 Character Encoding</b><br /> <div style="padding:0 0 10px 15px;">データを UTF-8 でエンコードするかどうか。<font color="red">日本語の場合は必ずチェック</font>。</div> <b>Custom CSS Class</b><br /> <div style="padding:0 0 10px 15px;">スタイルシートを適用するためのクラス名設定。表示される div 要素が rss-box-XXXX というクラスになる。指定できるのは <code>XXXX</code> の部分。</div></div><br /> 上記の項目を確認して「Preview Feed」ボタンをクリックすると、RSS が実際にどのように表示されるかを確認することが出来ます。色々設定を変えてみて、お好みの表示設定を見つけてください。<br /> <br />「Generate JavaScript」ボタンを押すとコードが表示されるので、それをブログのテンプレートやサイトの HTML の、フィードの内容を表示させたい位置に貼り付けてください。<br /><br /> <br /> <b class="icon1">２．見栄えの変更</b><br /> Feed2JS で作成するパーツには、スタイルシートを使って見栄えを細かく設定することが可能です。<br /> スタイルを設定するには、ページ上部の Style タブから、スタイル設定ページに移動します。「Style Selector」のセレクトボックスを使って、スタイルのセットを確認することができます。表示されるコードを <code>&lt;style type="text/css"&gt;</code> と <code>&lt;/style&gt;</code> とではさんで、RSS の内容を表示させたいページの HTML の head 要素内に貼り付けてください。<br /> 自分でスタイルシートを書いて、一からスタイルを設定したいという場合には、「CSS Classes」欄のクラス名を参考にしてスタイルを設定します。<br /> この方法だと、一つのページにいくつものフィードを貼り付けて、それぞれ別々のスタイルを適用するということも可能です。その場合には１で「Custom CSS Class」を設定し、クラス名に対応するスタイルシートを書くようにして下さい。<br /> <br /> <br /> <b class="icon1">おまけ．自分のサーバーに Feed2JS</b><br /> 以上の手順で、Feed2JS を使ったブログやサイトへのフィード表示が可能になるんですが、PHP が動作するサーバーであれば、この Feed2JS 自体を自分のサーバーに設置することも可能です。Feed2JS サイト上部の「Download」タブからファイルをダウンロードし、サーバーにアップロードください。本家サイトを利用していて時々表示が止まってしまうという場合には、導入を考えてもいいかも知れませんね。http://blogger.kuribo.info/2006/02/feed2js.htmlKuribotag:blogger.com,1999:blog-19505349.post-114411634033167214Wed, 22 Feb 2006 15:00:00 +00002007-03-21T14:49:33.148+09:00このページでは、旧 Blogger 向けにカテゴリーの導入方法を解説しています。新 Blogger（クラシックテンプレート含む）の場合は、標準のラベル機能（<a href="http://help.blogger.com/bin/answer.py?answer=44498" target="_blank">ヘルプ：投稿にラベルを付けるにはどうすればよいですか</a>）をご利用下さい。<br /> <br /> <b class="icon1">旧 Blogger にカテゴリー</b> 今回は、こちらのページを参考にします。<br /> <br /> <ul><li><a href="http://pappmaskin.blogspot.com/2005/10/blogger-categories.html" target="_blank">Pappmaskin likes Mr. Internets: Blogger Categories</a></li></ul> ここで紹介されているカテゴリ表示は <a href="http://search.blogger.com/" target="_blank">Google Blog Search</a> の検索結果を RSS で出力し、それを <a href="http://feed2js.org/" target="_blank">Feed2JS</a> でページ内に書き出すという方法をとっています。<br /> <br /> おもしろいなと思ったのは、検索すべき単語（カテゴリ）をカテゴリ表示ページの URL 末尾のパラメータで飛ばし JavaScript で受け取り、それをソースにした Feed2JS の呼び出しスクリプト自体をスクリプトで書き出すという仕組み。そのおかげで同一ページで色んな結果を表示できるようにしているのです。<br /> <br /> なかなか技ありの方法なんですが、ここで紹介されているスクリプトだと文字エンコードの関係で日本語のサイトでは使えないため、クリボウが少し改良しました。変更点は次のとおり。<br /> <br /> <b class="icon1">変更点</b> <ul> <li class="gray">ブログ URL の変数もパラメータで渡すように。<br />（スクリプト内の変数を変更しなくてもいい、つまり JS ファイルを各自でアップロードしなくていい）</li> <li class="gray">Feed2JS の設定を変更し、Unicode（UTF-8）で書き出すように。</li> <li class="gray">Feed2JS メインはサーバーが落ちやすいので、ミラーを使用。</li> <li class="gray">Unicode 以外のブログでも文字化けしないように。</li> <li class="gray">投稿日時順に結果が表示されるように。</li> <li class="gray">結果表示数の上限を 20 件から 100 件に。</li> <li class="gray">RSS のチャンネルデータを非表示に。</li> <li class="gray">スクリプトで書き込まれる div 要素に rss_box_category というクラス名を。<br />（CSS で見栄えを変更することができます。）</li> </ul> …技術的な説明ばかりですみません。実は仕組みがどうなっているのかわからなくても別に問題ないのです。ので、次に使い方の方を。<br /> <br /> <b class="icon1">利用方法</b> <b>１．カテゴリ表示ページを用意する</b> <div style="padding-left:15px;">新規投稿として、内容（ソース）に <div class="code">&lt;script type="text/javascript" charset="UTF-8" src="http://tools.kuribo.info/js/category.js"&gt;&lt;/script&gt;</div> というコードを書き入れ、適当なタイトルをつけて公開します。<code>&lt;script&gt;</code> タグが承認できない旨の警告が出ますが、「この投稿に対してエラーを表示しない」という項目にチェックを入れると公開することができます。</div> <br /> <b>２．カテゴリ表示ページを呼び出すリンクを作る</b> <div style="padding-left:15px;">公開したカテゴリ表示ページ（記事単独ページ）の URL の末尾に、たとえば <code>?url=<font color="red">www.kuribo.info</font>&tag=<font color="blue">search</font></code> というパラメータをつけたものをリンク先として、リンクを作成します。赤字部分は自分のサイト URL に、青字部分には表示させたいカテゴリ名にそれぞれ書き換えて使ってください。</div> <br /> <b>３．エントリにカテゴリ名をつける</b> <div style="padding-left:15px;">検索対象になるのは基本的にエントリ本文ですので、それぞれのエントリ本文にカテゴリ名を含めて下さい。記号や日本語をカテゴリ名にしたときには、２のリンクの青字部分にはその文字列を URL エンコードしたものを入れてください。ちなみに URL エンコードをするには<a href="http://www.tagindex.com/tool/url.html" target="_blank">このツール</a>が便利です。UTF-8 で変換してください。<br /> キーワードの検索対象をエントリ本文でなくエントリのタイトル内にする場合は、<code>?url=www.kuribo.info&tag=<font color="red">intitle%3A</font>search</code> のようにキーワードの前に <code>intitle%3A</code> をつけてリンクを作成してください。</div> <br /> <br /> <b class="icon1">お願い</b> <div style="padding-left:15px;">BlogSpot の方はしょうがないんですが、独自にサーバーを借りて利用している方は、できるだけご自分のサーバースペースに以下の JS ファイルを置いてご利用ください。<a href="http://tools.kuribo.info/js/category.js" target="_blank">http://tools.kuribo.info/js/category.js</a>。<br /> その場合、利用方法１の script 要素、src 属性を JS ファイルを設置した URL に書き換えて下さいませ。</div><br /> <b class="icon1">リンク作成ツール</b> <div style="padding-left:15px;">カテゴリ表示ページを呼び出すリンクを、簡単に作成するためのツールも用意しています。ぜひご利用下さい。 <form style="border:1px solid #ddd;padding:10px;" name="form_category"> <table> <tr> <td>カテゴリ表示ページ：</td> <td><input type="text" name="page" value="http://" style="width:275px;" /></td> </tr> <tr> <td>検索対象サイト：</td> <td><input type="text" name="url" value="http://" style="width:275px;" /></td> </tr> <tr> <td>検索語：</td> <td><input type="text" name="tag" style="width:275px;" /></td> </tr> <tr> <td>&nbsp;</td> <td style="text-align:right;"><input type="button" value="URL 作成" onclick="document.form_category.ta.value=encodeURI(document.form_category.page.value)+'?url='+encodeURIComponent(document.form_category.url.value)+'&tag='+encodeURIComponent(document.form_category.tag.value);" /><input type="reset" value="リセット" /></td> </tr> <tr> <td colspan="2" style="text-align:center;">↓</td> </tr> <tr> <td colspan="2"><input s