So-net無料ブログ作成

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

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

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

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

1. サイズ

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

2. 仕 様


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

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

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

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

[3] 雪の降り方の設定は、タグ中の ayFallType = に続く部分で、= と ; にはさまれた数字の 1 を以下のいずれかに書き換えます(半角数字)。
  0  以下の1~4のいずれかをランダムに表示
  1  基準としての降り方
  2  基準より穏やかな降り方
  3  粉雪のような降り方
  4  吹雪のような降り方

[4] 雪の形の設定は、タグ中の ayFlakeType = に続く部分で、= と ; にはさまれた数字の 4 を以下のいずれかに書き換えます(半角数字)。
  0  以下の1~3のいずれかをランダムに表示
  1  リアルな形
  2  丸い形
  3  雪の結晶の形
  4  リアルな形 (リアルな色:黒っぽい背景色の場合にお勧めします)

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

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

[7] ブログパーツの配置位置を変えることもできます。以下の 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 = "000000"; var ayBottomColor = "111111"; var ayFallType = 1; var ayFlakeType = 4; 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_snowflake_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 ayTopColor = "4e0027"; var ayBottomColor = "ea196a"; var ayFallType = 2; var ayFlakeType = 3; var ayMessageType = 1; var ayMessagePosX = 150; var ayMessagePosY = 90; var ayMessageFont = 3;</script><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_snowflake_wide.js"></script></a></div>



<div align="center"><a href="http://www.another-you.jp/" target="_blank" title="Another You | business scene jewelry"><script type="text/javascript"> var aybpWidth = 480; var aybpHeight = 160; var ayTopColor = "0a1e08"; var ayBottomColor = "6ba308"; var ayFallType = 0; var ayFlakeType = 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_snowflake_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 ayTopColor = "7d8c9c"; var ayBottomColor = "f9f9f9"; var ayFallType = 3; var ayFlakeType = 2; 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_snowflake_wide.js"></script></a></div>


5. その他

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

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


6. 関連ブログパーツ|雪が降るのもの


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

nice! 2

コメント 2

ネオクラッシュ☆

約1年間使わせてもらってます。

好きな色を選べることや、雪の形を選べるし、
とある学校にあるデザインの専門科に所属してるので
こういった綺麗なパーツを作れるのがうらやましいです。
by ネオクラッシュ☆ (2014-06-18 20:11) 

ANOTHER-YOUスタッフ

> ネオクラッシュ☆ さん

コメントとご利用ありがとうございます。お言葉とても嬉しく思います。
私どもは、ブログパーツのデザインは全くの素人で、作り始めて2年程度の経験しかございません。ですので、デザインを専門に学ばれている方に、そのようにおっしゃっていただけると大変恐縮してしまいます。
私どもも、ネオクラッシュ☆さんの素敵なデザインの作品を期待しております。


by ANOTHER-YOUスタッフ (2014-06-19 07:40) 

コメントを書く

お名前:[必須]
ブログアドレスURL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

※ 現在の画像認証文字は587625です(数字部分をコピー&ペーストして入力ください)。お手数おかけしますが、So-netブログの大量スパムコメント対策のため、画像認証が必要になりました。
※※ 現在、コメント投稿は承認制としております。ご投稿いただいたコメントの公開までには、今しばらくお時間をくださいませ。

トラックバック 0

トラックバックの受付は締め切りました