So-net無料ブログ作成

たんぽぽのグリーティングス|美的ブログパーツ(無料) [美的ブログパーツ(無料)]

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

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

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

1. サイズ

幅・高さともに、お好きなサイズを設定できます。ただし、小さすぎるとメッセージの文字がはみ出しますので、下記のサンプルのサイズをご参考に、ご確認のうえご利用ください(メッセージの文字を表示させないこともできます)。また、文字の並びに幅がありますので、大きめの幅に設定できるブログ本文でご利用いただくのがよいかと思います。なお、Amebaブログなど、ブログ本文にブログパーツを貼り付けられないブログもございます。予めご了承ください。

2. 仕 様


季節のごあいさつ記事などのブログ本文への挿入絵としてご利用いただけるブログパーツです。たんぽぽの綿毛が舞い、メッセージを表示します。このブログパーツは、[1]ブログ記事などの幅に合わせてブログパーツの幅と高さを自由に設定できます。また、[2]ブログパーツの背景の色合いも自由に設定でき、[3]たんぽぽの綿毛の舞い方(風の強さ)を選ぶことができます。さらに、[4]メッセージの文字の配置位置を自由に設定でき、[5]メッセージの字体(フォント)を数種類の中から選ぶことができます。

メッセージにつきましては、現在、「WELCOME」のみですが、多くの方々が使えそうなメッセージのリクエストをいただければ追加の検討をいたします。その際には、お手数ですが、下方のコメント欄にリクエストをご記入いただければとても助かります。

ブログ本文に貼り付ける場合は、各ブログには「HTMLで編集する」のようなメニューや画面があるかと思いますので、そちらのメニューや画面を使用して下記のタグをコピー&ペーストしてください。

[1] ブログパーツの幅と高さの設定は、下記のタグ(サンプル)をブログやホームページにコピー&ペーストしたあとに、その一部を書き換えてください。書き換える場所は、タグ中の aybpWidth = (幅)と aybpHeight = (高さ)に続く部分で、 = と ; にはさまれた数字部分を書き換えます。下記のサンプルでいいますと、550 (ピクセル)の部分が幅で、 160 (ピクセル)の部分が高さですので、それぞれの数字をお好きなサイズに書き換えてください(半角数字)。

[2] ブログパーツの背景の色合い設定は、タグ中の ayColorCode = に続く部分で、 = と ; にはさまれた数字部分を書き換えます。下記のサンプルでいいますと、-1619912805 の部分が背景の色合いを表します。この数字は、-2147483648 ~ 2147483647 の範囲の整数値で書き換えることができます(半角数字と半角-(マイナス))。ただし、0(ゼロ)を設定すると、その範囲の整数値をランダムに選択します(つまり、表示のたびに背景の色合いがランダムに変わります)。上記の範囲の整数値は膨大にありますので、全ての色合いを見て選ぶのは現実的ではありません。そこで、お好きな整数値を決め打ちで設定するのも一法ですが、現在表示中の色合いの整数値をブログパーツ上に表示させてそれを設定する方法もあります。それは、ブログパーツの背景をマウスでクリックすると、ブログパーツ画面上部に例えば「ayColorCode = 1120358919」のような文字が表示されます。このブログパーツ画面上の整数値 1120358919 をマウスで選択してコピー([Ctrl]+[C]キー押下または右クリックで「コピー」メニュー選択)し、タグ中の当該部分にペーストして -1619912805 にあたる部分を書き換えることで、確認済みの色合いを設定することができます。ですので、例えば、当初は 0 に設定しておき、何回かブログパーツを再表示させて、お好みの色合いが表示されたら、背景をマウスクリックして表示中の色合いの整数値を表示・コピーしておき、その整数値でもう一度タグを設定しなおすことで、お好みの色合いに固定設定することができます。もちろん、0 にしておき、毎回変わる背景をお楽しみいただくのもありです。なお、下記の 4.他のサイズや背景色などのサンプル のふたつ目(大きい画面の方)に 0(ゼロ)に設定したものを表示しておきますので、色合い設定にご利用ください。

[3] たんぽぽの綿毛の舞い方(風の強さ)の設定は、タグ中の ayWindType = に続く部分で、= と ; にはさまれた数字の 1 を以下のいずれかに書き換えます(半角数字)。
  0  以下の1~4のいずれかをランダムに表示
  1  基準としての舞い方 (基準の風)
  2  基準よりやや穏やかな舞い方 (基準よりやや弱い風)
  3  基準よりかなり穏やかな舞い方 (基準よりかなり弱い風)
  4  春一番が吹いているような舞い方 (春一番のような強い風)

[4] メッセージ(WELCOME)の位置の設定は、タグ中の ayMessagePosX = や ayMessagePosY = に続く部分で、= と ; にはさまれた数字の 45 や 80 をお好きな値に書き換えます(半角数字)。ayMessagePosX = 45 は横方向位置を表し、数字がプラスで大きい数値ほどメッセージは右に表示され、マイナスで大きい数値ほど左に表示され画面からはみ出します。この数値が 0 のときは、メッセージはブログパーツ画面の左端に位置します。この数値を -250 (マイナス250)くらいにすると、メッセージは画面から完全にはみ出て見えなくなります。また、ayMessagePosY = 80 は縦方向位置を表し、数字がプラスで大きい数値ほどメッセージは下に表示され、マイナスで大きい数値ほど上に表示され画面からはみ出します。この数値が 0 のときは、メッセージはブログパーツ画面の上端に位置します。

[5] メッセージ(WELCOME)の字体(フォント)の設定は、タグ中の ayMessageFont = に続く部分で、= と ; にはさまれた数字の 1 を以下のいずれかに書き換えます(半角数字)。
  0  以下の1~3のいずれかをランダムに表示
  1  クールな字体
  2  エレガントな字体
  3  装飾的でかわいらしい字体

[6] ブログパーツの配置位置を変えることもできます。以下の align="center" の部分の center を、 right (右寄り)・ left (左寄り)・ center (中央)のいずれかに書き換えてください(半角英字)。

以上、書き換える際には、前後の " や = や ; などを削除しないようご注意ください。

なお、ブログパーツ画面上にマウスカーソルがあると、点滅する(i)ボタンや当ショップ名が現れます。(i)ボタンをクリックすると、このブログのこの仕様説明画面が起動されます。また、当ショップ名をクリックするとショップホームページ画面が起動されます。また、それらの間には、働く女性のお役に立てるちょっとした情報や当ショップからのお知らせが表示されます。当ショップのキャンペーンやクーポンの情報など、お得なお知らせもございますので、ご関心のある方はぜひご利用ください。


3. タ グ (サンプル:仕様欄に表示中のブログパーツの設定)

<div align="center"><a href="http://www.another-you.jp/" target="_blank" title="Another You | business scene jewelry"><script type="text/javascript">  var aybpWidth = 550; var aybpHeight = 160; var ayColorCode = -1619912805; var ayWindType = 1; var ayMessageType = 1; var ayMessagePosX = 45; var ayMessagePosY = 80; var ayMessageFont = 1;</script><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_dandelion_wide.js"></script></a></div>
 


4. 他のサイズや背景色などのサンプル


<div align="right"><a href="http://www.another-you.jp/" target="_blank" title="Another You | business scene jewelry"><script type="text/javascript"> var aybpWidth = 420; var aybpHeight = 130; var ayColorCode = -1223823595; var ayWindType = 2; var ayMessageType = 1; var ayMessagePosX = 85; var ayMessagePosY = 65; var ayMessageFont = 3;</script><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_dandelion_wide.js"></script></a></div>



<div align="left"><a href="http://www.another-you.jp/" target="_blank" title="Another You | business scene jewelry"><script type="text/javascript"> var aybpWidth = 500; var aybpHeight = 300; var ayColorCode = 0; var ayWindType = 3; var ayMessageType = 1; var ayMessagePosX = 250; var ayMessagePosY = 150; var ayMessageFont = 2;</script><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_dandelion_wide.js"></script></a></div>


5. その他

※このブログパーツの通常サイズ版は[こちら]からどうぞ。

※Yahoo!ブログ用の設置コードは[こちら]からどうぞ。

■ 不具合対応ご報告 ■ 2014年3月12日まで、InternetExplorer(IE)ブラウザをご利用の場合、お使いのパソコンによりましては(おそらくディスプレイアダプタに「Intel HD Graphics」を使用したパソコン)、本ブログパーツ(Flash)が白く表示される不具合がございました。3月13日に、根本的な対応策をブログパーツ側に組み込み、正常に表示されるようになりました。ご迷惑をおかけいたしました。ちなみに、この問題は一般に起こる問題のようですが、次のIEの操作により正常に表示できる場合がございます(他所でFlashが白く表示される場合などにお試しください)。IEのメニューバーで、「ツール(T)」→「インターネットオプション(O)」→「詳細設定」のメニューを順に選択します。表示された「詳細設定」画面で、「アクセラレータによるグラフィック」項目の「GPUレンダリングでなく、ソフトウェアレンダリングを使用する」をチェック(クリック)します。

6. この他のブログパーツ一覧


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

桜のグリーティングス|美的ブログパーツ(無料) [美的ブログパーツ(無料)]

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

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

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

1. サイズ

幅・高さともに、お好きなサイズを設定できます。ただし、小さすぎるとメッセージの文字がはみ出しますので、下記のサンプルのサイズをご参考に、ご確認のうえご利用ください(メッセージの文字を表示させないこともできます)。また、文字の並びに幅がありますので、大きめの幅に設定できるブログ本文でご利用いただくのがよいかと思います。なお、Amebaブログなど、ブログ本文にブログパーツを貼り付けられないブログもございます。予めご了承ください。

2. 仕 様


季節のごあいさつ記事などのブログ本文への挿入絵としてご利用いただけるブログパーツです。桜の花びらが桜吹雪のように舞い降り、メッセージを表示します。このブログパーツは、[1]ブログ記事などの幅に合わせてブログパーツの幅と高さや、[2]ブログパーツの背景色を自由に設定できます。また、[3]メッセージの文字の配置位置を自由に設定でき、[4]メッセージの字体(フォント)を数種類の中から選ぶことができます。

メッセージにつきましては、現在、「WELCOME」のみですが、多くの方々が使えそうなメッセージのリクエストをいただければ追加の検討をいたします。その際には、お手数ですが、下方のコメント欄にリクエストをご記入いただければとても助かります。

ブログ本文に貼り付ける場合は、各ブログには「HTMLで編集する」のようなメニューや画面があるかと思いますので、そちらのメニューや画面を使用して下記のタグをコピー&ペーストしてください。

[1] ブログパーツの幅と高さの設定は、下記のタグ(サンプル)をブログやホームページにコピー&ペーストしたあとに、その一部を書き換えてください。書き換える場所は、タグ中の aybpWidth = (幅)と aybpHeight = (高さ)に続く部分で、 = と ; にはさまれた数字部分を書き換えます。下記のサンプルでいいますと、550 (ピクセル)の部分が幅で、 160 (ピクセル)の部分が高さですので、それぞれの数字をお好きなサイズに書き換えてください(半角数字)。

[2] ブログパーツの背景色の設定は、タグ中の ayTopColor = (上端色)と ayBottomColor = (下端色)に続く部分で、 " にはさまれた英数字部分を書き換えます。下記のサンプルでいいますと、e7f3fe の部分がブログパーツ上端の色で、 82afc1 の部分が下端の色を表しますので、これらを書き換えます。この上端と下端の色をもとにブログパーツ画面内をグラデーション色で塗りつぶします。この色を表す英数字は16進数色コードといい、www.colordic.org 様(http://www.colordic.org/)などのサイトで、色見本とともに探すことができます。www.colordic.org 様のサイトの場合、# の後ろに続く英数6文字(e6e6faなど)が16進数色コードになります。この6文字で、 e7f3fe や 82afc1 を書き換えて設定してください(半角英数字)。また、貼り付けるブログの背景色と同じ色にしたいなど、16進数色コードを細かに設定したい場合は、下記の 5.その他 の欄をご覧ください。

[3] メッセージ(WELCOME)の位置の設定は、タグ中の ayMessagePosX = や ayMessagePosY = に続く部分で、= と ; にはさまれた数字の 45 や 80 をお好きな値に書き換えます(半角数字)。ayMessagePosX = 45 は横方向位置を表し、数字がプラスで大きい数値ほどメッセージは右に表示され、マイナスで大きい数値ほど左に表示され画面からはみ出します。この数値が 0 のときは、メッセージはブログパーツ画面の左端に位置します。この数値を -250 (マイナス250)くらいにすると、メッセージは画面から完全にはみ出て見えなくなります。また、ayMessagePosY = 80 は縦方向位置を表し、数字がプラスで大きい数値ほどメッセージは下に表示され、マイナスで大きい数値ほど上に表示され画面からはみ出します。この数値が 0 のときは、メッセージはブログパーツ画面の上端に位置します。

[4] メッセージ(WELCOME)の字体(フォント)の設定は、タグ中の ayMessageFont = に続く部分で、= と ; にはさまれた数字の 1 を以下のいずれかに書き換えます(半角数字)。実際の字体につきましては[こちら]の記事のサンプルでもご確認いただけます。
  0  以下の1~3のいずれかをランダムに表示
  1  クールな字体
  2  エレガントな字体
  3  装飾的でかわいらしい字体

[5] ブログパーツの配置位置を変えることもできます。以下の align="center" の部分の center を、 right (右寄り)・ left (左寄り)・ center (中央)のいずれかに書き換えてください(半角英字)。

以上、書き換える際には、前後の " や = や ; などを削除しないようご注意ください。

なお、ブログパーツ画面上にマウスカーソルがあると、点滅する(i)ボタンや当ショップ名が現れます。(i)ボタンをクリックすると、このブログのこの仕様説明画面が起動されます。また、当ショップ名をクリックするとショップホームページ画面が起動されます。また、それらの間には、働く女性のお役に立てるちょっとした情報や当ショップからのお知らせが表示されます。当ショップのキャンペーンやクーポンの情報など、お得なお知らせもございますので、ご関心のある方はぜひご利用ください。


3. タ グ (サンプル:仕様欄に表示中のブログパーツの設定)

<div align="center"><a href="http://www.another-you.jp/" target="_blank" title="Another You | business scene jewelry"><script type="text/javascript"> var aybpWidth = 550; var aybpHeight = 160; var ayTopColor = "e7f3fe"; var ayBottomColor = "82afc1"; var ayFallType = 1; var ayMessageType = 1; var ayMessagePosX = 45; var ayMessagePosY = 80; var ayMessageFont = 1;</script><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_sakurafall_wide.js"></script></a></div>
 

4. 他のサイズや背景色などのサンプル


<div align="left"><a href="http://www.another-you.jp/" target="_blank" title="Another You | business scene jewelry"><script type="text/javascript"> var aybpWidth = 500; var aybpHeight = 300; var ayTopColor ="000000"; var ayBottomColor = "000000"; var ayMessageType = 1; var ayMessagePosX = 250; var ayMessagePosY = 150; var ayMessageFont = 2;</script><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_sakurafall_wide.js"></script></a></div>


5. その他

※Yahoo!ブログ用の設置コードは[こちら]からどうぞ。

このブログパーツの背景色を、ブログの背景色と同じに色にしたい場合など、画面上に表示されている色と同じ色にしたい場合は、「RGB値取得ソフト」をご利用なさると便利です。「RGB値取得ソフト」は、パソコン画面上で指定した場所の色(16進数色コードなど)を調べることができるツールです。このソフトを利用して、例えば、ブログの背景を指定することで、その背景の色の16進数色コードを取得することができます。この取得した16進数色コード(6文字の半角英数字)をこのブログパーツの背景色に指定しすることで、このブログパーツとブログの背景色を同じ色にすることができます。「RGB値取得ソフト」は無料で利用できるものがインターネット上で公開されていますので、検索エンジンなどで「RGB値取得ソフト」をキーワードとして検索してみてください(ほとんどのソフトは同様の機能と思います)。なお、「RGB値取得ソフト」の使い方は、そのソフトの説明をご覧ください。


6. 関連ブログパーツ|桜が表示されるもの


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

美的ブログパーツ一覧|ワイドサイズ版 [美的ブログパーツ(無料)]

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

この一覧では、ブログ本文などに挿入絵として貼り付けられるような、横幅の広いブログパーツを掲載しております。ブログ本文の幅に合わせて、ブログパーツの幅や高さはある程度調節ができます(完全にお好きなサイズにできるものもございます)。以下のブログパーツ画像をクリックしていただきますと、そのブログパーツの実物や仕様の詳細を記載した画面に移動します。移動先には標準サイズのブログパーツ配布記事のものもございますが、その記事の下の方に「号外ブログパーツ」としてワイドサイズのタグも掲載しております。なお、以下のブログパーツ画面をクリックしても画面移動しないブログパーツはまだ公開しておりません。

※ ブログのサイドバーなどに貼り付けられる通常サイズのブログパーツ一覧は[こちら]です。


しゃぼん玉(春)BubbleWideSample.jpg
桜のグリーティングス|お好きなサイズ&カラー(春)SakurafallSample.jpg
風船のグリーティングス|お好きなサイズ&カラー(春)FuusenWideSample.jpg
たんぽぽのグリーティングス|お好きなサイズ&カラー(春)DandelionWideSample.jpg
若葉のグリーティングス|お好きなサイズ&カラー(春~夏)WakabafallSample.jpg
<未公開>蝶々のグリーティングス|お好きなサイズ&カラー(春~秋)ButterfliesSample.jpg
落花流水(夏)WaterWideSample.jpg
月と星と妖精ダスト(秋)Moon2WideSample.jpg
紅葉のグリーティングス|お好きなサイズ&カラー(秋)MomijifallSample.jpg
ほのぼのランプ(冬)Lamp2WideSample.jpg
クリスマス(クリスマス)XmasWideSample.jpg
ニューイヤー・グリーティングス・2016|お好きなサイズ&カラー(年末年始)NewYear2016Sample.jpg
雪のグリーティングス|お好きなサイズ&カラー(冬)SnowflakeSample.jpg

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