« Invalid pixel aspect ratio問題に対応したさきゅばす/coroid用ffmpeg for WIN | トップページ | Google Plus One Bookmarklet »

2011/06/03

cocologにGoogle +1ボタンを設置する

ココログにグーグルプラスワンのボタンを設置する方法です。…といってもトグサ秋月の電脳設計室さんのはてなブックマーク追加方法のパクリですが。

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'ja'}
</script>

<script type="text/javascript">
function add_google_p1(){
var maybeentries = document.getElementsByTagName("div");
for( var entryidx in maybeentries ) {
if( maybeentries[entryidx].className == "entry" ) {
var maybeheaders = maybeentries[entryidx].getElementsByTagName("H3");

var taghref = document.location;
var alla = maybeheaders[0].getElementsByTagName("a");
if( 0 < alla.length ) { taghref = alla[0].href; }

var googleP1 = document.createElement('g:plusone');

googleP1.setAttribute('size','medium');
googleP1.setAttribute('count','true');
googleP1.setAttribute('href',taghref);

maybeheaders[0].appendChild(googleP1);
}
}
};

add_google_p1();
</script>




[追記: 勉強も兼ねてgithubにリポジトリを作成してそこで更新しています。最新版はこちらからダウンロードできます。]

上のコードを、

に記載されている手順に従って、はてなブックマークのコードの代わりにペーストするだけです。JavaScript初心者が見よう見まねで作成したので不具合があるかも、です。

 

もう少し詳細に手順を。

まず、ココログの管理画面を開き、マイリスト->マイリストの新規作成を選択します(下図クリックで拡大)。

flow01

次に、リストのタイプを「メモ」とし、名前を適当に決めてリストの作成ボタンを押します。

flow02

そして、次の画面の備考欄に、冒頭のソースコードをペーストして保存ボタンを押します。このとき、ラベル名はつけてもつけなくてもOKです。

flow03

これ以降は普通の手順と同じですので、公式ヘルプページ

の「5:リストをブログからリンク」を参照して自身のブログへ上記で作成したメモリストを公開してください。

ちなみに、Google ChromeでCookieを全ブロックしているとボタンが見えませんでした。確認の際はCookieの受け入れ設定にも気を付けてください。

参考:

« Invalid pixel aspect ratio問題に対応したさきゅばす/coroid用ffmpeg for WIN | トップページ | Google Plus One Bookmarklet »

コメント

ありがとうございます!

この記事へのコメントは終了しました。

トラックバック


この記事へのトラックバック一覧です: cocologにGoogle +1ボタンを設置する:

» Google 1 Bookmarklet [雪羽の発火後忘失]
Google App Engineの練習に、グーグルプラスワンブックマークレットを作成してみました。…これもパクリですが。 1 上のリンクをブックマークに登録し、 1したいページで、このブックマークを選択してください。 このbookmarkletは私が作成したGAE appを経由して 1ボタンを表示しますが、他人のサーバにアクセスするのは気持ち悪い!という方はgithubにコードを上げていますの... [続きを読む]

» 「cocologにGoogle 1ボタンを設置する」 [最寄り駅は尻手駅]
タイトルにGoogleの 1ボタンが設置されていると思います。 こちらの記事を参 [続きを読む]

« Invalid pixel aspect ratio問題に対応したさきゅばす/coroid用ffmpeg for WIN | トップページ | Google Plus One Bookmarklet »

other sites

  • follow us in feedly
  • github
  • stackoverflow

ソフトウェアエンジニアとして影響を受けた書籍

  • Christain Bauer: HIBERNATE イン アクション

    Christain Bauer: HIBERNATE イン アクション
    理論と実践が双方とも素晴らしい製品であるHibernate。本書はそのプロダクトを書名に冠していますが、Hibernateを使うつもりがなく、ORマッピングの解説書として読むにしても十分な良書です。Second EditionとしてJava Persistence With Hibernateという書籍も出版されていますが、残念ながら現在のところ 和訳はされていません。-インアクションは2.xの、Java Persistence-は3.1の頃のものなので、最新版とはちょっと違うところもあることに注意。 (★★★★★)

  • アンドリュー・S・タネンバウム: 分散システム 原理とパラダイム 第2版

    アンドリュー・S・タネンバウム: 分散システム 原理とパラダイム 第2版
    クライアント/サーバシステムを構築する上で必要となる知識が総論されてます。Web技術者も、フレームワーク部分を開発するのであれば必読。 (★★★★★)

  • Joel Spolsky∥著: ジョエル・オン・ソフトウェア

    Joel Spolsky∥著: ジョエル・オン・ソフトウェア
    前述の書籍「ソフトウエア開発プロフェッショナル」をより砕いたもの、という感じでしょうか。 前書きではプログラマでなくSE向けの本のように書かれているが、プログラマが読んでも面白い本であると思われます。 SEになった新人(あるいはそういう会社に入る/入りたての人)にとっては、これからどういったことが仕事を遂行していく上で起こりえるのか、どのように考えて行なっていけばいいのか決定する助けになると思います。 元は″Joel on Software″というブログの記事で、web上でも一部日本語で読めます。 http://japanese.joelonsoftware.com/ (★★★)

  • ドナルド・C・ゴース,ジェラルド・M・ワインバーグ: ライト、ついてますか

    ドナルド・C・ゴース,ジェラルド・M・ワインバーグ: ライト、ついてますか
    問題解決(一昔前のの流行語で言うところの『ソリューション』)能力は、システムエンジニアのスキルとして備えるべきもののうちのひとつです。しかし、これは難しい。学校で出されるテストと違い、唯一の、(問題提出者が想定している)解を求めるだけが「問題解決」では無いからです。そもそも、何が問題なのか、それは本当に問題なのか、それは本当に解決すべき問題なのか、その問題解決方法は正しいのか、などを解決しなければ、「その解は正しいのか」に辿りつくことができません。この本の最も良いところのひとつは、本があまり厚くないこと。すぐに読めるし、何回も読み返す気になるでしょう。 (★★★★★)

  • スティーブ・マコネル: ソフトウエア開発プロフェッショナル

    スティーブ・マコネル: ソフトウエア開発プロフェッショナル
    コードコンプリートで有名なスティーブマコネルの著書。新人SEに読んで欲しい。個人として業界の中でどうあるべきか、組織としてどうあるべきか、SEのプロ意識とは?SEの心構え概論、といったところでしょうか。また、業界における資格の重要性についても説かれています。この業界では資格が特に軽んじられる傾向がありますが、この傾向はどんな弊害をもたらすのか、将来的にこの業界は資格に対してどのような姿勢で臨んでいくべきなのか。日経BP社では(他の出版社もだが)最近、似たような類いのあまり面白くない書籍が乱出版されていますが、この本は別格だと思うので安心して購入して欲しいと思います。 (★★★★★)

無料ブログはココログ