So-net無料ブログ作成

おさんぽシルエット ver2|美的ブログパーツ(無料) [美的ブログパーツ(無料)]

このブログでご提供するブログパーツは、機能性はほとんどございませんが、忙しいビジネスパーソンがその忙しさをひとときでも忘れられるような「美的・癒し」を目指したものです。すべてのブログパーツは、面倒な手続きをすることなく、すぐにご利用いただくことができます。

ブログやホームページには、下記タグ欄の <div style= ・・・ > ・・・ </div> の部分をそのままコピー&ペーストしてご利用ください。タグ中に改行やスペースが表示される場合でも、<div style= ・・・ > ・・・ </div> の部分全体を、一回で選択し、コピー&ペーストしてご利用ください。

なお、ブログパーツをご利用になる前に、別記事の「美的ブログパーツをご利用いただくには」をご覧ください。

1. サイズ

幅160ピクセル・高さ200ピクセル (下記掲載画面が実際の実物大のブログパーツです)

2. 仕 様 [新しいバージョンがあります

前のバージョンより、エレガントポップなデザインにし、画面下の人の動作を一部入れ替え、ブログパーツ上で自由なメッセージを設定できるようにしました(Twitter連携はしません)。このブログパーツを貼ると、ブログやホームページの画面下に複数の人たちがお散歩をし始めます。その画面下の人たちは設定により、[1]お好きな複数のメッセージ(つぶやき)を順番に表示します。また、画面下の人たちの[2]色や、[3]透明度などを変えることができます。さらに、ブログパーツ本体の色は季節によって変わりますので、その変化もお楽しみください。

 
[1] お好きなつぶやきを設定するには、下記3のタグ(サンプル)をブログやホームページにコピー&ペーストしたあとに、その一部を書き換えてください。書き換える場所は、タグ中の tweets= に続く部分で、= と & にはさまれた こんにちは! ごゆっくりどうぞ~ いつもありがとう! の部分です。これらをお好きなつぶやきに書き換えます。このつぶやきは複数設定することができ、設定した順番で画面下の人たちがつぶやきを一定間隔毎に繰り返し表示していきます。複数設定するには、サンプルのように、つぶやきとつぶやきの間を半角のスペース ' ' または全角のスペース ' ' で区切ってください。ひとつのつぶやきが表示される時間は数秒ですので、ひとつのつぶやきの長さは十数文字以内が読みやすいと思います。また、つぶやきを一切表示させたくない場合は、こんにちは! ごゆっくりどうぞ~ いつもありがとう! の部分を削除してください。書き換える際には前後の = や & などを削除してしまわないよう気をつけてください。また、一部の文字(半角記号の \ " ' & など)を使用すると、ブログパーツが表示されなくなったり、ブログ画面が崩れたり、つぶやきが想定通りに表示されなかったり、などの状態になる場合があります。特に半角記号を使ったつぶやきを設定する場合は、正しく表示されるかよくご確認のうえご利用ください。なお、一部のブログとブラウザの組み合わせによりましては、ひらがな・漢字に代表される全角文字は、文字化けして読めなくなる場合もございます。ほとんどの場合問題ないと思われますが、文字化けを確実に避けたい場合は、半角文字(英数字記号)をご使用ください。 

[2] 画面下の人たちの色を変えるには、タグ中の color= に続く部分で、 = と & にはさまれた部分を書き換えます。ブログの背景色にあわせて、白色と黒色と任意の色の設定ができます。任意の色は16進数色コードがおわかりになる場合に設定してみてください(4.その他に詳細を記載します)。うまくいかない場合は、白色か黒色をご設定ください。下記のサンプルでいいますと、 black の部分を以下のいずれかに書き換えてください(いずれも半角英字または半角英数字で、書き換えが正しくないと黒色になります)。

white  (白色:半角英字)
black  (黒色:半角英字)
16進数色コード  (例えば ff0000 は赤色、0000ff は青色、eebbcbは撫子色)
つまり、color=black の部分を color=white や color=ff0000 のように書き換えます。なお、本ブログの背景が黒っぽいため、この記事で表示動作しているブログパーツには白色の設定をしています。下記のサンプルのタグでは黒色に設定しておりますので、ご注意ください。
 
[3] 画面下の人たちの透明度を変えるには、タグ中の alpha= に続く部分で、 = と & にはさまれた部分を書き換えます。下記のサンプルでいいますと、0.85 の部分を半角数字で、0.0 ~ 1.0 の範囲で書き換えてください。 0.0 のときは完全に透明になり見えなくなります。 1.0 のときは完全に不透明になり透けなくなります。

[4] 画面下の人たちを表示しないようにするには、タグ中の bottom_walk= に続く部分で、 = と " にはさまれた部分を書き換えます。下記のサンプルでいいますと、on の部分を半角英字で on または off に書き換えてください。 on は画面下の人たちを表示する、off は表示しないです。
 
[5] ブログによっては、画面最下部の位置がずれて、お散歩している人たちが見えなくなることがあります(FC2ブログで画面上部の検索バーを利用している場合など)。この場合、タグ中の ground_distance= に続く数字部分の を適切な半角数字で書き換えて位置の調整をお試しください。数字がプラスで大きい値ほど画面の下を、マイナスで大きい値ほど画面の上を、画面下の人たちが歩くようになります(FC2ブログの場合、画面上部の検索バーを設定している場合は、-27 がほどよい位置になります)。

なお、画面下の人たちが同時に現われる平均的な人数は、最初にブログやホームページに訪れた時には数人程度以下ですが、毎日訪れると1日毎に少しずつ増えていき、最多で10人程度になります。また逆に、1日訪れないと少しずつ減って最少では数人程度以下になります(平均ですので、少しのあいだ一人も現れないときもありますし、多めに現れるときもあります)。つまり、このブログパーツを貼っているブログやホームページに毎日訪れる人ほど、画面下をお散歩する人がたくさん現れてにぎやかになっていきます。

ブログパーツ本体の画面上にマウスカーソルがあると、(i)ボタンが点滅し、それをクリックすると、このブログのこの仕様説明画面が起動されます。また、当ショップ名(Another You)をクリックすると当ショップのホームページが起動されます。その下には、働く女性のお役に立てるちょっとした情報や当ショップからのお知らせが表示されます。当ショップのキャンペーンやクーポンの情報など、お得なお知らせもございますので、ご関心のある方はぜひご利用ください。さらに、画面下には1~2分間に1回程度、当ショップの宣伝カー(車)が走りますが、ご愛嬌ということで、それも含めてお楽しみいただければ幸いです。


3. タ グ (サンプル: このタグでは黒色設定、色以外は表示動作中のものと同一動作です 

<div style="text-align:center;font-size:10px"><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_walk_v2.php?tweets=こんにちは! ごゆっくりどうぞ~ いつもありがとう!&color=black&alpha=0.85&ground_distance=0&bottom_walk=on"></script><p><a href="http://www.another-you.jp/" title="Another You | business scene jewelry" target="_blank"></a></p></div> 
 


4. その他

上記のとおり、画面下をお散歩する人たちは任意の色に変更することができます。この任意の色は、16進数色コードで設定することができます。この色コードは、www.colordic.org 様(http://www.colordic.org/)などのサイトで、色見本とともに探すことができます。www.colordic.org 様のサイトの場合、# の後ろに続く半角英数6文字(eebbcbなど)が色コードになります。この6文字で、上記の black を書き換えて、設定をしてみてください。
 
このブログパーツをブログに設置しますと、画面下の人たちを増やすためのデータが、ご覧になられている方のパソコン上に保存されます(Cookieに近い仕組みを利用しています)。このため、ご覧になられている方がご利用中のブラウザで「Cookieを削除する」などのメニューを実行しますと、そのデータも削除されます。データが削除されますと、初めて訪れた状態(表示される人が少ない状態)に戻ってしまいますので、ご注意ください。

ご覧になるブラウザが InternetExplorer 以外(Firefox、Chrome、Safariなど)の場合、画面下に人々が現れる領域では、そこに表示されるボタン・リンク・文字記入欄などがクリックできなくなる場合がございます。多くの場合、スクロールすればクリックできますが、ブログ画面の最下部にあるボタンやリンクなどはスクロールできないためクリックできなくなる可能性があります。問題がないかをご確認いただき、ご利用ください。
 
 

5. 関連ブログパーツ|メッセージを表示できるもの


RSS1.0このブログの更新情報が届きます(RSS1.0) ※左のリンクから「フィードを登録|購読する(無料です)」をクリックしてブラウザに登録すると、更新通知が自動的にブラウザに表示されます。詳しくはブラウザのヘルプをご覧ください。
※以下のFacebookコメントへの返信内容は、2012年5月以前のものは、ご投稿者と返信者だけが見られます。
nice!(1)  コメント(2)  トラックバック(0) 
共通テーマ:blog
Copyright (c) 2012 ~ 2017 ANOTHER YOU All Rights Reserved.