みなさんお気づきのとおり、遅ればせながら、ようやくレイアウトテンプレートの仲間入りをしました。そこで、自分のブログをカスタマイズしていくついでに、その記録をこちらに掲載していこうと思います。 最初は、投稿のフッターにはてなブックマーク件数を表示する方法。 (はてなのヘルプ「自分のブログに「○○users」を表示する」に Blogger についての説明もあるんですが、情報が古く、現在 Blogger で一般に使われているレイアウトテンプレートでの導入方法は書かれていません。) 導入方法 1.Blogger 管理画面「デザイン > HTML の編集」ページで、「ウィジェットのテンプレートを展開」にチェックを入れます。 2.投稿フッター部分 <div class='post-footer'> を見つけ出し(ブラウザの検索機能を使うと便利です)、コメント件数表示部分 <span class='po
本ドキュメントに関する注意事項 本ドキュメントははてなブックマークにおけるエントリー情報を取得するAPI実装を解説するものです。 API使用の解説 https://b.hatena.ne.jp/entry/json/任意のURL (この任意のURL では # を %23 にエスケープする必要があります) を GET リクエストで送信することにより、JSON 形式でデータを取得することができます。 例:) https://b.hatena.ne.jp/entry/json/http://www.hatena.ne.jp/ 例:) https://b.hatena.ne.jp/entry/json/?url=http%3A%2F%2Fwww.hatena.ne.jp%2F また https://b.hatena.ne.jp/entry/json/ に対し、以下のクエリーパラメータを GET
Blogger に新はてなブックマークボタンを導入する方法 2010/12/05| カテゴリー: Blogger Tricks and Hacks | 0 コメント Tweet 概要 2010年11月25日に新はてなブックマークボタンが公開れたので、そのボタンを Blogger に導入する方法を紹介します。 「使いやすくなりました! はてなブックマークボタン」で3種類のボタンをつくることができます。 目次 サイドバーにボタンを導入したい場合 個別ページにボタンを導入したい場合 サイドバーにボタンを導入したい場合 「使いやすくなりました! はてなブックマークボタン」にアクセス。 「(1) ページ情報を入力してください」で、URL(「http://」を削除)とタイトルを空欄にしてボタンを生成する。 その後、Blogger に [HTML/JavaScript] ガジェットとして追加する。 個
January 21, 2010 はてなブックマーク件数取得APIでBloggerに被ブックマーク数を表示 新はてなブックマーク件数取得 API を使って自分のページに件数を埋め込む最も簡単な方法を参考にBlogger用に調整したもの。 <a expr:href='"http://b.hatena.ne.jp/entry/" + data:post.url'> <script expr:src='"http://api.b.st-hatena.com/entry.count?url=" + data:post.url + "&callback=document.write"'/> user</a>テキストで出力されるのでCSSで装飾ができる。(ブログの書式の都合で掲載できないので、下のものは大体のイメージ。) 1 user
はてなスターに引用機能が追加されたので、これを利用したぐりもんをいくつか。 Hatena::Star Highlight Quoted (auto, hover) ☆で引用された部分をハイライトするユーザースクリプト。二つは同じスクリプトで、設定がちょっと違っているだけです。autoの方は引用がロードされた時点で勝手にハイライトします。ハイライトされた部分が重なると色が濃くなって、多くの人に引用されたことが分かるようになっています。hoverの方は、☆にポインタを合わせて引用を表示したときに、ページ内のその部分をハイライトします。 画像はautoの方でid:mohri:20070921:1190380629を表示したものです。 Hatena::Star Expand Fotolife 引用にfotolife記法が含まれていた場合、それを展開して画像にします。 Hold & Select I
はてなスターは、はてなダイアリー、はてなグループでは自動的に表示されますが、それ以外のブログサービスでも、利用していただくことが可能です。ここでは、その方法と、はてなスターの仕組みについて解説します。 はてなスターでは、JavaScriptを利用しています。はてなスターの提供するJavaScriptファイルをご自分のブログのページ内で読み込むことで、ページの読み込み完了とともにそのJavaScriptが実行されます。JavaScriptでは、そのページに存在する記事とPermalink(記事ごとの固有のURL)を検出し、その記事につけられたスターの数をはてなスターのサーバに問い合わせます。そして、その結果と、星を追加する「Addボタン」ボタンをページ内に埋め込みます。 「Addボタン」が押された際にも、はてなスターのサーバに問い合わせが行われ、スターの情報が保存されます。 スターの数の表示
こんにちは、星野知子です(嘘です)。 先日はてなより、「はてなスター」という、新たなサービスが登場し、いろいろ世間で話題になっているよーだ。 やっていることは、以前 たった2行でBLOGに簡単にレーティング機能を付与するJS-Kit:Ratings widgetの素晴らしさに感動 で紹介した JS-Kit: Ratings widget とほぼ同様の機能だと思われる。 で、はてなスターは当然、はてなアカウントを保有するユーザが利用できるのだけれど、この機能は保有するBLOG毎にいくつでも登録できるようである。逆に言えば、はてなスターのユーザページの登録BLOG一覧には、はてなユーザのBLOGの一覧が書かれているよーな状態になっているっぽい(正確にははてなスターを利用しているBLOG一覧ってことだが)。 で、これを利用して、はてなユーザのユーザ名を指定すると、そのユーザがはてなスターに登録し
はてなスターでは、標準ではオレンジ色の星の画像が表示されるようになっていますが、この星の画像は、自分の好きなものに変更することができます。画像を、あなたのブログやサイトにもっとよくあうものに変更すれば、はてなスターをより楽しく使うことができるでしょう。 画像を変更するには、まずは使いたい画像を用意して、それをどこかにアップロードしておく必要があります。ブログサービスであれば、画像をアップロードする仕組が用意されている場合も多いので、それを利用のもよいでしょう。はてなのフォトシェアリングサービス「フォトライフ」を使うこともできます。 画像を用意したら、はてなスターを貼り付けたページのヘッダにて、以下のようなCSSを記述します。 .hatena-star-star-image { background-image: url(http://exapmle.com/star.gif); }指定して
共有ファイルページからファイルを直接アップロードできるようになりました(有料オプション) 有料オプションでアップロードしたファイル一覧が表示される、共有ファイルページ( http://グループ名.g.hatena.ne.jp/filelist )から、ファイルを直接アップロードできるフォームを追加しました。 これまでは日記やキーワードの編集ページからのみファイルのアップロードに対応しておりましたが、大量のファイルを一度にアップロードしたい場合などに不便だというご要望をいただいておりました。 なお、共有ファイルを操作するボタンはグループメンバーとしてログインしている場合のみ表示されます。 どうぞご利用ください。 ツイートする 注目エントリーのBlogger対応について Bloggerのバージョンアップに伴い、はてなリングの注目エントリーに新バージョンのBloggerのエントリーが正しく抽出さ
今日は二つほどはてなブックマークの新機能を公開しました。 http://hatena.g.hatena.ne.jp/hatenabookmark/20061004/1159941842 http://hatena.g.hatena.ne.jp/hatenabookmark/20061004/1159944160 はてなブックマークカウンター と、カウンターでも表示されてる数字を XML-RPC で取得できる API です。カウンターは早速この日記のサイドに表示させてみました。はてなダイアリーなら bcount モジュールで。 API の方ですが、告知で書いてるサンプルスクリプトで好きなサイトのブックマーク数とかを調べられます。 #!/usr/local/bin/perl use strict; use warnings; use XMLRPC::Lite; my $url = shift
はてなブックマークカウンターというブログパーツがあります。こんなの → はてなブックマークカウンターは任意の"ウェブサイト全体"の被ブックマーク数をカウンター画像として表示する機能です。自分の日記やブログが全体で何件ブックマークを獲得しているかを画像カウンターでお知らせします。 上の青い画像には、この「クリボウの Blogger Tips」の全ての記事に対する、はてなブックマークの合計が表示されている、というわけです。 この青色がちょっとうちのブログに合わないなあ…とひそかに思っていたんですが、今回その他のカラーバリエーションが発表されたので、オレンジ色のものをサイドバーに貼り付けてみました。 はてなダイアリー日記 - はてなブックマークカウンターのカラーバリエーション追加について このパーツを貼り付けるには <a href="http://b.hatena.ne.jp/entrylist
先日公開いたしました被ブックマーク数をカウンター画像としてブログ等に貼り付けられる『はてなブックマークカウンター』(ヘルプ) に新色を追加いたしました。 はてなの各種サービスのヘッダカラーに合わせた色彩を取り揃えております。 標準 (de) グレー (dg) 緑 (gr) 紫 (pr) 茶 (br) 赤 (rd) セピア (sp) ピンク (pk) 抹茶 (te) ライトグレー (lg) ライトブルー (lb) 白 (wh) 黒 (bl) ライム (li) オレンジ (or) はてなブックマークカウンターモジュール(bcounterモジュールをご利用いただくことで、このはてなブックマークカウンターを簡単に設置することができます。 カウンターモジュールで色を無指定の場合は、日記のヘッダ色に合わせた色となります。 ヘッダ色と異なる色を利用したい場合はモジュールの color オプションに色(d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く