


ブログ画面右にぶら下がったコアラが、Amebaなう の 「フォロー なう」 や Twitter の 「フォロー ミー」 を時々つぶやき表示するブログパーツです。ブログ画面が、のどかな雰囲気になります。実際に動作しているブログパーツは、このブログの画面右上部に表示されているコアラです(ときどき目をパチクリします)。
コアラのつぶやき表示またはコアラをクリックすると、設定した Amebaなう 画面、または、Twitter 画面が起動されます。どちらか一方を設定することもできますし、両方を同時に設定することもできます。両方を設定した場は、「フォロー なう」 と 「フォロー ミー」 を交互にコアラはつぶやき表示します。両方とも設定しない場合は、コアラがぶら下がっているだけの状態になります。また、ぶら下がる位置を変える設定をすることもできます。
ちょっと目立つアメンバー限定特別版のものもございます。画面左上のテーマの「アメンバ限定 [一覧]」もご覧ください。
0. このブログパーツを貼るには
下記4に掲載するブログパーツのタグ・コードをコピーして、ブログの適切な場所にペースト(貼付け)してください。その後、設定したい項目について、以下をご参考に、タグ・コードを書き換えてからブログに保存してください 。
アメブロの場合は、ログイン後に、「マイページ」→マイページ左中央「ブログ」→「デザインの変更」→「サイドバーの設定」→「プラグインの追加」→「フリープラグイン」の順にメニューをクリックしていただき、表示された画面にタグ・コードをペーストしてください。
1. Amebaなう の設定をする|設定をしない
下記のタグ・コードの ameba_id= に続く部分を設定したい Ameba のIDに書き換えてください。 Ameba のIDは、ブログのアドレス 「 http://ameblo.jp/○○○/ 」 の○○○の部分の文字です。下記4のタグ・コードの another-you-note の部分を設定したい Ameba のIDに書き換えてください。
設定しない場合は、下記のタグ・コードの another-you-note の部分を削除してください。
2. Twitter の設定をする|設定をしない
下記のタグ・コードの twitter_id= に続く部分を設定したい Twitter のIDに書き換えてください。 Twitter のIDは、Twitterの画面で @○○○ と表示されている ○○○ の文字の部分です。下記4のタグ・コードの AnotherYouJp の部分を設定したい Twitter のIDに書き換えてください。
設定しない場合は、下記のタグ・コードの AnotherYouJp の部分を削除してください。
3. コアラがぶら下がる位置の設定をする
下記のタグ・コードの distance= に続く数字の部分が、コアラがぶら下がる位置の設定部分になります。下記のタグ・コードの 100 のままでもほどよい位置になると思いますが、必要に応じてこの 100 を書き換えて調整してください。
この数字は、ブログ画面上端からの距離になりますので、数字を大きくすればするほど、コアラはどんどん画面下にぶら下がるようになります。数字が 0 のときは、コアラのつぶやきがちょうど画面上端に近接する位置にぶら下がります。数字部分を削除したり、数字以外の文字が書かれた場合は、0 を設定したのと同じ位置になります。
4. タグ・コード(サンプル)[新サーバーアドレス]
以下のタグ・コードの <script ・・・></script> の部分を選択し、コピーして、ブログにペーストしてください。途中に空白や改行があるように見える場合でも、<script ・・・></script>の部分を頭から末尾まで一回で選択して、コピーしてください。ブログにタグ・コードをペースト(貼付け)できましたら、設定により書き換えてください。
<script type="text/javascript" src="http://www.another-you.net/blog_parts/another_koala2.php?ameba_id=another-you-note&twitter_id=AnotherYouJp&distance=100"></script>
5. ご注意事項
ご利用にあたりましては、ごく一般的な注意事項がございます。こちらのSo-netブログに記載した注意事項に準じますので、ご一読ください。 → 「美的ブログパーツをご利用いただくには」
このブログパーツをご覧になるブラウザが、Firefox や Chrome などの場合( InternetExplorer(IE) 以外の場合)、以下のブログパーツを同時に使用しますと、どちらかのブログパーツがクリックできない状態になります。大変申し訳ございませんが、予めご了承ください。
▼ 以下の組み合わせは、同時使用でクリック不可( IEではクリック可能)
「コアラがつぶやく Amebaなう/Twitter フォロー・ブログパーツ(サイド)」
「コアラがつぶやく Ameba ペタ/読者登録ボタン・ブログパーツ(アメブロ専用)」
※ 以下の組み合わせは、同時使用でもクリック可能
「コアラがつぶやく Amebaなう/Twitter フォロー・ブログパーツ(ボトム)」
「コアラがつぶやく Ameba ペタ/読者登録ボタン・ブログパーツ(アメブロ専用)」


ブログ画面内をカラフルな小鳥たちの群れが飛び回ります。そして、ときどき画面の最下部に小鳥がとまります。このとき、Twitter との連携設定がしてあると、とまった小鳥が「Follow Me」とつぶやきます。また、ブログパーツ内のカゴにいる小鳥たちは、ときどきおしゃべりをします。
小鳥たちの群れが飛び回る場所は、設定で変えることができます。あまり画面の真ん中を飛んでほしくないときなどに調節ができます。また、Twitter をご利用でなくても、つぶやきを表示しなくなるだけですので、ブログをちょっとにぎやかにできます。さらに、たまに下にとまった小鳥がちょっとだけさえずり、毎正時には少し長めにさえずりますので、時報の代わりにもなります(微笑)。
なお、この小鳥の群れは、3つの単純なルールに基づいて飛び回っています。単純なルールですが、本当の小鳥の群れのように飛んだり、数羽でダンスをするように飛んだりと、とても複雑な動きをします。ですので、しばらく眺めていても飽きないと思います。ぜひ、お楽しみください。
※2012年10月および2013年3月より、Twitterのつぶやき取得に関する仕様が変更され、画面下にとまる小鳥がTwitterの各つぶやきを表示する対応ができなくなりました。現在は、画面下にとまる小鳥は「Follow Me」と固定的につぶやきます。申し訳ございませんが、ご了承くださいませ。
※お好きなメッセージを設定でき、より可愛らしく動くようバージョンアップした「飛ぶ小鳥たち ver2」を公開しました。
実際に動作しているブログパーツの掲載とブログパーツの配布は、「 働く女性のジュエリー・ファッション|Another You NOTE 」で行っています。こちらへどうぞ → 飛び回る小鳥たち(Twitter連携可能)|美的ブログパーツ