>--> 2006-07 | クリボウの Blogger Tips

クリボウの Blogger Tips

Google Blogger の使い方、カスタマイズ方法、各種ツールなど、
Blogger 関連の役立つ情報を紹介しています。

Home > 2006-07

2006-07

BlogLike で更新 Ping

Posted at: 2006-07-30 Label: , 6

ブログで新しいエントリを書いたときに、みなさん更新 Ping を打っていると思います。この更新 Ping を送信するソフトとして有名なのが BlogPeople の BlogPingPing。このソフトは Win 版と Mac 版が提供されています。

環境を選ばずに、ネット上で Ping を送信できるサービスがあったらもっと便利なんだけどなあ、と思っていたんですが、やはりそんなサービスがちゃんと存在していました。

このサービスに会員登録し、ブログ情報や更新 Ping 受け付けサーバーの登録をしておくと、ネット上から簡単に更新 Ping を送信することができます。トラックバック Ping も打つことができるので、きっと重宝すると思います。ぜひお試しください。

ちなみに、BlogLike で登録できる更新 Ping 受け付けサーバは 15 件までです。もっと送りたい!という人は、Pingoo!PingLiner など、国内の主要サーバーに更新 Ping を送ってくれるサービスと併用するといいと思います。

関連:クリボウの Blogger 入門: 更新 Ping を打とう
参考:Waltzing is Hip!: ping送信先
参考:Peace Pipe: Ping 送信始めました [blogger]

被はてブ数を表示する2

Posted at: 2006-07-28 1

以前、被はてなブックマーク数を表示する という記事を書きました。これは、はまちちゃん提供の、エントリがどれだけはてブに登録されているかを画像で表示してくれる便利な仕組みだったんですが、このサービスがはてな自体でも提供されるようになりました。


設置方法

このはてブ数画像にブックマーク情報へのリンクをつけて、Blogger ブログ上で表示するには、Blogger の管理画面「テンプレート > 現在の内容を編集」から、テンプレートの画像を表示させたい位置(たいてい post-body-footer クラスの div 要素内だと思いますが)に
<a href="http://b.hatena.ne.jp/entry/<$BlogItemPermalinkUrl$>" target="_blank"><img src="http://b.hatena.ne.jp/entry/image/<$BlogItemPermalinkUrl$>" alt="このエントリーを含むはてなブックマークを表示" title="このエントリーを含むはてなブックマークを表示" style="border:0;" /></a>
というコードを貼り付けます。それだけです。

早速このブログにも貼り付けてみたので、どんな感じになるのか、確かめてみてくださいませ。


おまけ

はてな提供のものは、0 user だと表示されなかったり、1 user、2 users でも赤い太字だったり、更新が遅かったりするところが少し気になります。はまちちゃん提供のものの方がいい気もしたり…。

Google ページランク更新

Posted at: 2006-07-25 5

この記事を読んで確認してみたんですが、たしかに Google のページランクが更新されていますね。

クリボウの運営しているサイトでいうと、ページランクのついていなかった Blogger 入門と、日本語 Blogger 更新情報にも、今回それぞれ 3 と 4 のページランクがつきました。日本語 Blogger 更新情報の方がページランクが高かったのは、少し意外。

この Blogger Tips のページランクは、今回は上がりませんでした。といっても 2 月のページランク更新ですでに 5 になっているので、これ以上を望むのは欲張りすぎな気もします。

ご存知の通り、Google のページランクは他のサイトからのリンクの質と量とで決定されます。クリボウのページのページランクは、みなさんがしてくれているリンクのおかげです。ありがとうございます。クリボウの運営しているページは全てリンクフリーですので、これからもぜひぜひリンク、よろしくお願いしますです。

えーと、リンクしてねというのがメインのエントリではなくて、みなさんもご自分の運営サイトのページランク、確認してみてくださいね、というエントリなのでした。

Shift_JIS でも「~(波型)」表示

Posted at: 2006-07-16 15

このブログのアクセスを確認していると、Google のウェブ検索で以下のような文字列を入力して、たどりついた人を見つけました。

blogger ~ くりぼう

多分真ん中の「~」は Google では有効な検索語にならないと思うんですが、この検索をした人は Blogger ブログで「~」を表示したかったんじゃないかな?と勝手に判断してこの記事を書いています。というのも、ブログの文字コードの設定によっては「~」を表示させられないのです。かくいうこのブログ(Shift_JIS)もそうだったりします。

(ちなみにこの「~」、正式には「波型」「波ダーシ」「波ダーシュ」というそうです。)

ではどうすればいいかなんですが、もちろん 文字化け対策、エンコードのこと などで以前書いたように、ブログの設定を「UTF-8」にするのが一番なんですが、色々な事情でそれが出来ない Shift_JIS な人は「~」の代わりに &#65374; と入力してやるとブラウザが「~」に変換してくれます。この記事内でもそうやって「~」を表示させています。

この &#1234; みたいなのを数値文字参照というんですが、ユニコードにあって Shift_JIS では表示できない文字も、この数値文字参照を利用すると表示させることができるので、けっこう便利なのです。文字を数値文字参照に変換する際にはこのツールがおすすめです。ぜひお試しください。

本文中の「~」については投稿者が注意すれば問題ないんですが、Shift_JIS な Blogger ブログでは投稿本文だけでなく、コメントでも「~」が表示できないので、コメントされる方は十分ご注意下さい。…ってやっぱり UTF-8 でないと不便ですね。うーん。

青空文庫を縦書きにする Greasemonkey スクリプト

Posted at: 2006-07-10 13

Kamimura さんのエントリを読んで、

縦書きで、本の体裁を取った方が読み易い

ネット上で文章を縦書きに変換する仕組みができないかな?と JavaScript をいじっているうちに、ちょっと面白いものが出来ました。

それが青空文庫を縦書きに変換するユーザースクリプトとブックマークレット。どちらも Firefox 用です。ブックマークレットはお好きなところで使ってもらったらいいんですが、ユーザースクリプトの方は、青空文庫の各作品の XHTML ファイルを開いた時に働くようにしてあります。


ユーザースクリプト

Greasemonkey の入った Firefox で下のリンクをクリック、「Install」ボタンを押してください。リンクを右クリックして「Install User Script」を選ぶ方法でもいいです。


ブックマークレット

Firefox で、下のリンクをブックマークツールバーへドラッグしてください。リンクを右クリックし、「このリンクをブックマーク」する方法でも可です。


コメントもとむ

これらのスクリプトの仕組みは、結局のところ、文字の順番を入れ替えているだけなのです。縦に並べるとおかしくなる文字(句読点、カギカッコなど)は、できるだけ自然に見えるように別のものに差し替えているんですが、まだそんなのがあれば教えて下さいませ。
あと、そもそも他の環境でちゃんと動くのか自信がないので、使ってみた感想なども、コメントで寄せてもらえると嬉しいです。


追記

どうやら Win XP + Firefox でしか、正確に動かないようですね。ショボーン。

ということで、上記のスクリプトがちゃんと動かない人用のスクリプトも、作成してみました。これだと Win 2000 で動いたとの報告あり。丸括弧が美しくないのですが…。

「del.icio.us に追加」ボタンを貼り付ける

Posted at: 2006-07-07 9

以前、Technorati とはてなブックマークという記事で、各エントリーをはてなブックマークに登録してもらうためのリンクを紹介しました。今回はその del.icio.us 版。読者がそのエントリを del.icio.us に登録するためのボタンです。Blogger 入門 の方で導入しているので、ご覧になった方もおられると思います。

導入方法

このボタンをブログで使うには、Blogger 管理画面「テンプレート > 現在の内容を編集」でテンプレートを表示させ、ボタンを設置したい位置に下のコードを貼り付けてください。

<a href="javascript:location.href='http://del.icio.us/post?v=4;url='+encodeURIComponent('<$BlogItemPermalinkUrl$>')+';title='+encodeURIComponent('<$BlogTitle$>: <$BlogItemTitle$>')" target="_blank"><img src="http://www.kuribo.info/image/delicious/delicious.gif" width="16" height="16" alt="このエントリーを del.icio.us に追加" title="このエントリーを del.icio.us に追加" style="border:0;" /></a>

ブログを再構築して、実際に見てみるとこんな風になると思います。 → このエントリーを del.icio.us に追加

画像が少し大きいなと思われる方は赤字の部分を、下のコードに差し替えて使ってください。
<img src="http://www.kuribo.info/image/delicious/delicious_s.gif" width="12" height="12" alt="このエントリーを del.icio.us に追加" title="このエントリーを del.icio.us に追加" style="border:0;" />

すると、こんな風に表示されます → このエントリーを del.icio.us に追加

ちなみに上記のコードは、Blogger のテンプレートタグを使用しているため、投稿の本文では使用できませんのでご注意下さいませ。

© 2005-2014 Kuribo. Powered by Blogger.