いつもチェックしているブログを見るとGoogle+バッジが掲載されているのに気が付きました。
私はどこでGoogle+バッジを作れるのか分からなかったのですが、作成できる場所を見つけたのでメモしておきます。
作成はGoogle DevelopersのGoogle+ Platformから!
- Google+ Platformにアクセス
- Plugins→Badge→Configuration Toolへ移動
- Google+のPageIDをテキストボックスに入力
PageIDは下記URLの赤い部分です。
https://plus.google.com/xxxxxxxxxxxxxxx/posts
- バッジスタイルを選択する
- スクリプトをコピーし、ブログに貼り付ける
スクリプトの貼付けはhead部とbody部に分かれているので気をつけて下さい。
<link href~>は<head>~</head>の間に貼り付け。
<a href~>は<body>~</body>の任意の場所に貼り付け。
Bloggerに掲載する時にアイコンサイズを調整してみました
XHTMLを知っている方であれば即わかると思いますが、Bloggerに掲載する時にアイコンサイズを調整したい方は下記コードの赤い部分の数値を修正してください。
私はサイトタイトル横のアイコンを32pxから24pxに変更して掲載しています。
<!-- Place this tag where you want the badge to render -->
<a href="https://plus.google.com/xxxxxxxxxx?prsrc=3" style="text-decoration:none;"><img src="https://ssl.gstatic.com/images/icons/gplus-32.png" alt="" style="border:0;width:32px;height:32px;"/></a>