2012/11/29

BloggerのGoogle+新フォロワーガジェットをWEBページに設置する方法♪

昨日、BloggerとGoogle+の連携機能として新フォロワーガジェットが公開されました。(下記GIFアニメ参照/このブログの右上にも設置しております)

このガジェットをWEBページに任意のサイズで設置することに成功しましたので、設置方法をご紹介いたします。

実際にWEBページに設置した【デモページはコチラ】です。

下記は実際に設置して表示させております。



【Google+ フォロワー ガジェット(Followers Gadget)の設置方法】

1、<head>内に以下のように設置します。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

<script type="text/javascript">
window.___gcfg = {lang: 'ja'};

(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー



2、表示させたい箇所に以下のように書きます。
*21桁のGoogle+IDはあなたのIDに置き換えて設置してください。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

コチラは個人アカウントの場合

<div class="g-plus" data-action="followers" data-href="https://plus.google.com/116174129635451094329" data-width="520" data-height="360" data-rel="author"></div>

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

コチラはGoogle+ページアカウントの場合

<div class="g-plus" data-action="followers" data-href="https://plus.google.com/102493521432519923540" data-width="520" data-height="360" data-rel="publisher"></div>

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

以上です。
横幅は「data-width」、縦の高さは「data-height」の数値を変更して調整して下さい。
このサイズに応じて表示するフォロワーの人数が変化します。

検索から来られた方など、私のGoogle+【http://m-y-p.com/+】もヨロシクです♪
この投稿への「+1」など↓もヨロシクお願いします(^ ^)/
 

2012/09/01

Bloggerの【Navbar】が一新!Google+の共有ボタン設置など♪

「管理画面>レイアウト>navbar編集」で非表示も可能になったりと、
  表示を消す方の多いBlogger Navbarですが、パワーアップしましたよ!
 

・Google+の共有ボタンが設置されました。
・その他から、メール・Facebook・Twitterへの共有が可能!

表示してもいいかな!という感じになってきてますね。でも、私的には、下記2つの事項が気になるので、まだ非表示のままかな…という感じです(^ ^;

・「次のブログ」の機能をなくしてほしい。
・ブロガーのマークを自分のファビコンに変更できるようにしてほしい。

特に、今回「次のブログ」機能が残ってるのが残念です。
ブログを見て頂いてるBloggerのことを知らない方は、きっと「今見てるブログ投稿者の次の投稿が見れる」と思うのに対して、実際はクリックした時、ランダムに別のまったく関係のないBloggerユーザーのブログが表示される、というのは意味不明な動作のように思います。しかも英語圏の方のブログが表示されることが多いので…。

  この投稿への「+1」など↓もヨロシクお願いします(^ ^)/♪

2012/06/26

Google I/O基調講演のライブ中継と自分のGoogle+投稿をホームページやブログに設置できるガジェット登場!

Google I/O基調講演のライブ中継と自分のGoogle+投稿をホームページやブログに設置できるガジェットがGoogleから公開されました。

Google I/Oサイトのガジェット作成ページで簡単に作成できます。

 ・基調講演のライブストリームが上部に表示されます。
(2日後には基調講演のライブ映像が流れだす予定です)

 ・下部には自分のGoogle+からリアルタイムで投稿を表示できます。

 ・I/Oの速報を右半分に表示するかどうかも指定可能です。

 ・ガジェットのサイズや色をカスタマイズできます。

Google I/O Live Gadget Configurator
https://developers.google.com/events/io/io-live-gadget-configurator

下記は実際にこのガジェットを使い設置しております。自分のブログなどに設置しておけばいつでも見れるので、少しI/Oイベントに参加した気分を味わえますよ♪

※下部に表示されるGoogle+投稿内のリンクが、ガジェット内に表示されてしまいます。別ウインドウで表示するようにしてほしいところですね。


 


I/Oイベント終了後、下半分だけのバージョンでこのガジェットを残してくれるかは、まだ未定のようですが、そうなれば、また使い道が出て来そうですね♪

この投稿への「+1」など↓もヨロシクお願いします(^ ^)/♪