アメブロで使える美的ブログパーツを無料でどうぞ|Another You -20ページ目

アメブロで使える美的ブログパーツを無料でどうぞ|Another You

ビジネスシーン・ジュエリーを製作する小さなお店 Another You が作った、「美的・癒し」を目指したブログパーツをご紹介いたします。

さくら

さくらの花びらが降る様子を真下から眺めているように見えるブログパーツです。ブログ画面の上から下へさくらが降るブログパーツはよく拝見しますが、頭上に降るように見えるものは、あまりないと思います。また、1/f ゆらぎを取り入れて、あまり機械的な動きにならないようにしました。

3Dになっていますので、ブログパーツ上でマウスカーソルを動かすと、見る方向を変えることができます。

実際に動作しているブログパーツの掲載とブログパーツの配布は、「 働く女性のジュエリー・ファッション|Another You NOTE 」で行っています。こちらへどうぞ → さくら|美的ブログパーツ

※よりリアルで美しく見えるように工夫した「さくら ver2」も公開しています。


コアラ

ブログ画面下に寝そべったコアラが、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= に続く数字の部分が、コアラが寝そべる位置の設定部分になります。下記のタグ・コードの 200 のままでもほどよい位置になると思いますが、必要に応じてこの 200 を書き換えて調整してください。

この数字は、ブログ画面右端からの距離になりますので、数字を大きくすればするほど、コアラはどんどん画面左で寝そべるようになります。数字が 0 のときは、コアラのつぶやきがちょうど画面右端に近接する位置に寝そべります。数字部分を削除したり、数字以外の文字が書かれた場合は、0 を設定したのと同じ位置になります。

4. タグ・コード(サンプル)[新サーバーアドレス]

以下のタグ・コードの <script ・・・></script> の部分を選択し、コピーして、ブログにペーストしてください。途中に空白や改行があるように見える場合でも、
<script ・・・></script> の部分を頭から末尾まで一回で選択して、コピーしてください。ブログにタグ・コードをペースト(貼付け)できましたら、設定により書き換えてください。


<script type="text/javascript" src="http://www.another-you.net/blog_parts/another_koala.php?ameba_id=another-you-note&twitter_id=AnotherYouJp&distance=200"></script>



5. ご注意事項

ご利用にあたりましては、ごく一般的な注意事項がございます。こちらのSo-netブログに記載した注意事項に準じますので、ご一読ください。 → 「美的ブログパーツをご利用いただくには