So-net無料ブログ作成
検索選択

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

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

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

なお、ブログパーツをご利用になる前に、別記事の「美的ブログパーツをご利用いただくには」をご覧ください。また、お気に召していただけましたら、記事下にございますブログランキング・ボタンで投票をしていただけますと、とても励みになります。

1. サイズ

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

2. 仕 様


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

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

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

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

[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 = "fff4ee"; var ayBottomColor = "d6b975"; 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_momijifall_wide.js"></script></a></div>
 

4. その他

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

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


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


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

クリスマスツリー ver3|美的ブログパーツ(無料) [美的ブログパーツ(無料)]

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

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

なお、ブログパーツをご利用になる前に、別記事の「美的ブログパーツをご利用いただくには」をご覧ください。また、お気に召していただけましたら、記事下にございますブログランキング・ボタンで投票をしていただけますと、とても励みになります。

1. サイズ

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

2. 仕 様

XmasTree3Sample.jpg
[前のバージョン]よりさらに美しく光る工夫をしました。ブログパーツの背景色ごとに、さまざまな色のクリスマスツリーが3次元で表示されます。

背景色が赤・緑・灰色のいずれかの場合は、背景色にあわせて一定の範囲の色のツリーが表示されます(左に表示中のブログパーツは再表示の度に背景色が赤・緑・灰色のいずれかになる設定をしてありますので、このブログで何度か再表示していただければ、これらの背景色をご確認いただけます)。また、背景色が黒色の場合は、ランダムな色のツリーが表示されます。[1]これらの背景色は設定により変えることができます。ご利用になるブログの背景色や、お好みによって選んでご利用ください。なお、これまでのバージョンで登場していたサンタクロースは、申し訳ございませんが、本バージョンではお休みをいただいております。

[1] 背景の色の設定は、下記のタグ(サンプル)をブログやホームページにコピー&ペーストしたあとに、その一部を書き換えてください。書き換える場所は、タグ中の color= に続く部分で、= と " にはさまれた数字の 0 を以下のいずれかに書き換えます(半角数字)。
  0  以下の2~4のいずれかをランダムに表示|上記動作中のブログパーツの設定
  1  黒色の背景、ツリーの色はランダム
  2  赤色の背景、ツリーの色は一定の範囲(以下同じ)
  3  緑色の背景
  4  灰色の背景

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

このブログパーツは、3次元になっていますので、ブログパーツ画面上でマウスカーソルを移動すると、見る方向を変えることができます。また、画面上にマウスカーソルを置くと、(i)ボタンが点滅しクリックするとこのブログのこの仕様説明画面が起動され、画面上部には当ショップからのお知らせやお得な情報が表示されるようになります。


3. タ グ (サンプル: 赤・緑・灰色のランダム背景色の設定)

<div style="text-align:center;font-size:10px"><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_xmastree_v3.php?color=0"></script><p><a href="http://another-you-note.blog.so-net.ne.jp/blog_parts_060" target="_blank">Merry Christmas</a></p></div>


4. その他

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


5. 
関連ブログパーツ|クリスマスがモチーフのもの


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

クリスマス・スノー|美的ブログパーツ(無料) [美的ブログパーツ(無料)]

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

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

なお、ブログパーツをご利用になる前に、別記事の「美的ブログパーツをご利用いただくには」をご覧ください。また、お気に召していただけましたら、記事下にございますブログランキング・ボタンで投票をしていただけますと、とても励みになります。

1. サイズ

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

2. 仕 様

ブログパーツ本体では、クリスマス装飾模様の曇りガラス越しに雪の結晶が降ります。装飾模様は2種類あり、表示の度にランダムにどちらかが選択されます。また、[1]ブログ本文裏側のブログ画面全体に雪の結晶を降らせる設定ができます。ただし、雪の結晶は白色にしておりますので、ブログ本文裏側の背景色が白っぽい色の場合は雪の結晶が見えにくくなります。予めご了承ください。








[1] ブログ本文裏側に雪の結晶を降らせる設定は、下記のタグ(サンプル)をブログやホームページにコピー&ペーストしたあとに、その一部を書き換えて保存してください。書き換える場所は、タグ中の back_ground= に続く部分で、= と " にはさまれた英字の on を以下のいずれかに書き換えます(半角英字)。
  on  雪の結晶を本文裏側に、表示する
  off  雪の結晶を本文裏側に、表示しない

ブログやホームページのデザインやテンプレートによりましては、ブログの背景(繰り返し画像など)に隠れて雪の結晶が全く見えなくなる場合がございます。その場合、デザインやテンプレートのHTMLやCSS編集が可能であれば見えるようにできる可能性もございますが、それらができないブログなどもございます。予めご了承ください。なお、本ブログでも本文背景に画像を設定しているため、ブラウザ画面の横幅を広くしないと本文裏側の雪の結晶が見えない場合もございます。本ブログ上でご覧になりたい場合は、ブラウザ画面の横幅を広げてみてください。

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

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


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

<div style="text-align:center;font-size:10px"><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_fogged_glass_snow.php?back_ground=on"></script><a href="http://www.another-you.jp/" title="Another You | business scene jewelry" target="_blank"></a></div>
 

4. その他

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

6. 関連ブログパーツ|クリスマスや雪がモチーフのもの


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