Google

このブログについて

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

フィードリーダーに登録

お知らせ

フォトログ更新しています。フィードリーダーの片隅にでも、置いてもらえるとうれしいです。

最近の記事

アーカイブ & ブログランキング

最近リンクしてくれた人たち

日本語 Blogger  >> 掲載ご希望の方へ

トラックバックピープル

その他

Powered by Blogger

 RSS feed meter for https://www.blogger.com/atom/13722714

この日記のはてなブックマーク数 PageRank

現在の閲覧者数

web tracker
2008-05-05

読者に五つ星で評価してもらう「outbrain」ウィジェット このエントリーをはてなブックマークに追加

Blogger にスターレイティング



投稿を読者に評価してもらうための星マーク。
いろんなサイトやブログで目にするこの仕組み(スターレイティング)を、簡単に Blogger に導入できるウィジェットが登場しています。

導入はまず、上記リンクを開き、「Blogger」マークのボタンを押して、「Select a language」欄で表示言語を選択後「Get Widget Now!」ボタンを押します。すると、Blogger のウィジェット追加画面が出るので、追加するブログを選択して、タイトルを空欄にかえて「ADD WIDGET」ボタンを押します。これだけで終了。


評価レポート

必須というわけではないんですが、outbrain サイトでユーザー登録をすると、自分のブログにどのような評価がついたのか、レポートを見ることができます。





「Ratings」は最近つけられた個別の評価を、「Total」は投稿ごとの平均値を一覧で表示します。レポートの必要な方は、outbrain - Register からユーザー登録をどうぞ。


クラシックテンプレートや FeedFlare にも対応

ちなみに、この outbrain のスターレイティングは、Blogger のクラシックテンプレートや、FeefBurner の FeedFlare に導入することもできます。Blogger ユーザーにとっては、実にいたれりつくせりという感じです。クラシックテンプレート用はこちらから、FeedFlare 用はこちらからどうぞ。


ということで、読者の評価が知りたい!という方は、ぜひ一度お試し下さい。
posted at 00:27 | Permalink Translate このエントリーをはてなブックマークに追加 このエントリーを含むはてなブックマークを表示 |
2008-04-20

Firefox で投稿編集ができない問題を修正する Greasemonkey スクリプト このエントリーをはてなブックマークに追加

現在、Firefox 利用時に、 Blogger の投稿編集画面のタイトル入力欄のラベルが正しく表示されないという問題が起きています。



「タイトル:」の文字が縦に並んでいるぐらいならたいしたことはないんですが、そのせいで「ボールド(太字)」「イタリック(斜体)」など、投稿編集に使う全てのボタンが押せなくなっています。つまり、Firefox を利用していると、新規投稿に画像もリンクもつけられないということ。早速

ブラウザの文字サイズをでかくするか、BloggerのUIを英語で表示させるようにすると機能するようになりました。

という解決策を発見された方もいますが、クリボウも一つ別の解決策を紹介しておきます。それが「タイトル:」ラベルを正しく表示させるユーザースクリプトを使う方法。単純なスクリプトなんですが、いつもどおりに Blogger を利用できるのがメリットです。導入は、下のリンクを Greasemonkey の入った Firefox で開き「インストール」ボタンを押すだけ。よかったら使ってみてください。

追記:

2008-04-22 にこの問題は修正されたようです。ようやく安心して投稿できるようになりましたね。
posted at 18:06 | Permalink Translate このエントリーをはてなブックマークに追加 このエントリーを含むはてなブックマークを表示 |
2008-04-13

カレンダーウィジェット更新 このエントリーをはてなブックマークに追加

たくさんの人に利用してもらっている「カレンダーウィジェット」なんですが、いつの間にやら正しく動かなくなっていたようです。

いままであまり気にしてなかったのですが、今日になってカレンダーの日付をクリックしてもページが切り替わってない事に気が付きました。
でも、試しに自分のページにPOSTすると怪しげなJavaScriptが返ってきます。

取得したJavaScriptを実行できてないのかな~と JavaScriptの解説ページを見ながらコードを追う事3時間、実はエントリを1件ずつ表示させているときだけ動作しているということに気付きました。

と書かれているように、記事単独ページ以外では、投稿のある日付をクリックしても、画面が切り替わらなくなっていたようです。Blogger の仕様が変わって、トップページ、アーカイブページ、ラベルページ、検索ページから画面切り替えのコードが利用できなくなったのが、原因のよう。

そこで、カレンダーウィジェットのコードを修正しました。ブログの本文書き換え用コード(ブログごとに異なる)を記事単独ページからとってきて、トップページやその他のページでも利用できるようにしています。ついでに、カレンダーをこれまでは検索結果から作っていたんですが、新しいコードでは JSON フィードから作ることにしました。そのため、表示もわずかに速くなっているはず。

ゴチャゴチャと書きましたが、ともかくちゃんと動くようになったということ。「使えないなあ」と諦めた人も、これから初めて導入する人も、ぜひぜひ「カレンダーウィジェット」をお試しください。すでに設置中の方は、ウィジェットを追加しなおす必要はないので、そのままご利用くださーい。

posted at 23:20 | Permalink Translate このエントリーをはてなブックマークに追加 このエントリーを含むはてなブックマークを表示 |

コードをハイライトする「Code Prettify」ウィジェット このエントリーをはてなブックマークに追加

久しぶりに、新しいウィジェットを作成してみました。
参考にしたのはこちらです。

今回のウィジェットは、ブログ内でコードを紹介するときに、自動的にハイライト表示するためのもの。Google の Code Prettify というツールを利用しています。Code Prettify で実際にどのようにコードが色分けされるのかは、デモページをご覧下さい。


導入方法

下の「Add to Blogger」をクリックすると、「ページ要素を追加」画面が開きます。ウィジェットを追加するブログを選択して、タイトルは空欄のまま、「ウィジェットを追加」ボタンを押してください。手順はこれだけです。



利用方法

投稿内で、色分けの対象にしたいコードを
<pre class="prettyprint">
(コード)
</pre>
のように記述するだけ。

<> をコードとして表示したい場合には、それぞれ &lt;&gt; に書き換えてください。面倒だという人は、下の変換ツールをどうぞ。

変換したいコードを上のテキストエリアに入力し、「変換」ボタンを押すと、下のテキストエリアに変換された文字列が表示されます。



注意: JavaScript をオンにしてご利用下さい。

ということで、ぜひぜひご利用くださーい。


関連:
posted at 11:13 | Permalink Translate このエントリーをはてなブックマークに追加 このエントリーを含むはてなブックマークを表示 |
2008-03-23

コメントの多い人を表示する「Top Commenters」ウィジェット このエントリーをはてなブックマークに追加

ブログのサイドバーに、コメントをくれたユーザーのリストを表示するウィジェットが公開されています。
このウィジェットでは、コメントの多い順でユーザー名が表示され、リンクからそのユーザーの最新コメントにジャンプできるようになっています。

クリボウの写真日記」のデータで作ってみると、こんな感じ。



ウィジェットの追加は、こちらのページからどうぞ。

「Create Your Top Commenter's Widget」フォームの「Widget Title」欄にリストのタイトル、「Blog url」欄にブログ URL を入力して(記入例: kuribo-photo.blogspot.com)、「Customize」→「Add to Blog」と順にボタンを押すと、Blogger の「ページ要素を追加」画面が開きます。
あとはそこから、「ウィジットを追加」ボタンを押すだけで、ウィジェットの追加が完了。

フォームの「Filter your name」欄に自分の Blogger ユーザー名を入力して、リストから自分の名前をはずすことも可能です。

このウィジェット、「Recent Comments」リストのそばに置くのもよさそうです。ということで、ぜひおためしくださーい。
posted at 01:45 | Permalink Translate このエントリーをはてなブックマークに追加 このエントリーを含むはてなブックマークを表示 |
2008-03-15

YouTube に Blogger Help チャンネルが登場 このエントリーをはてなブックマークに追加

YouTube に Blogger Help チャンネルが登場したというニュースが、Blogger Buzz に出ていました。

そのチャンネルがこちら。

現在公開されているビデオは、「Blogger ブログの作り方」、「カスタムドメインの設定方法」、「プライバシー設定の仕方」の 3 本。いずれも Blogger の基本的な設定です。
この数ヶ月中に、ビデオは続々と増えていくそうなので、今後に期待です。

Blogger 設定の仕方を、Blogger Help の記事 だけでなくビデオでも確認できるとなると、とても便利ですね。とはいえ、英語なのがやはり一番の難点…。

ということで、英語に拒否反応のあまりない人だけ、ぜひどうぞ。
posted at 00:10 | Permalink Translate このエントリーをはてなブックマークに追加 このエントリーを含むはてなブックマークを表示 |
2008-03-11

Blogger を携帯で見るためのツール このエントリーをはてなブックマークに追加

bloggerユーザーなのですが、携帯から閲覧する際、ドコモからだと正しく表示されないようです。
ドコモの端末から閲覧することは可能なのでしょうか?

という質問コメントをいただいていました。
残念ながら Blogger には、携帯端末用に自動で変換されるというような仕組みはありません。
そこで携帯からの閲覧には、ブログを携帯用ページに変換する別のツールが必要になります。


Google Mobile Proxy

もうみなさんご存知だと思いますが、Google には PC 用のウェブページを携帯用に変換してくれるツールがあります。それが「Google Mobile Proxy」。使い方は、サイトにアクセスしてブログの URL を入力するだけ。

クリボウの写真日記」を通してみたのがこちらです。リンク先や画像も、見事に携帯用に変換されています。ウェブページを直接変換しているので、シンプルなテンプレートのブログに最適だと思います。


Blogger Mobile Viewer

もう一つが、最近リバーストーンから登場した「Blogger Mobile Viewer」というツールです。

http://moblogger.r-stone.net/blogs/3423845782531267485

というように「http://moblogger.r-stone.net/blogs/」という URL の後に、自分のブログの ID 番号を付け足してアクセスすると、ブログが携帯用に表示されます。
こちらはブログそのものではなくて、ブログのフィードからページを作っている模様。テンプレート部分は全く表示されず、ブログタイトル、投稿タイトル、本文、コメントだけが見られます。画像は 300px までに縮小されるみたいです。コメント投稿も可能のようですが、未確認。

このブログだとこんな感じです。テンプレート部分がごちゃごちゃとしていて、Google Mobile Proxy だと内容がわかりにくくなってしまうブログには、こちらがいいかも。


ということで、更新の気になるブログには、これらのツールを使ってみてくださいね。
PC 使わないよという友人に、自分のブログの変換後の URL を教えるという手もありですね。

参考:
posted at 21:31 | Permalink Translate このエントリーをはてなブックマークに追加 このエントリーを含むはてなブックマークを表示 |