SSブログ

ニューイヤー・グリーティングス 2016|美的ブログパーツ(無料) [美的ブログパーツ(無料)]

このブログパーツは FlashPlayer を利用しております。そのため、最新のブラウザでは表示されなくなっております。当ショップでは、FlashPlayer を利用していない、スマートフォンやタブレットPCでも動作・表示でき、常時SSL化したブログでも使用できる新しいブログパーツを制作しております。お気に召していただけましたら、新しいブログパーツをご利用ください。新しいブログパーツは美的ブログパーツ専用の新しいブログで配布しております。 → 美的ブログパーツ専用のブログを見る


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

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

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

1. サイズ

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

2. 仕 様


2016年に向けた年末年始のごあいさつ記事などのブログ本文への挿入絵としてご利用いただけるブログパーツです。雪の結晶が舞い降り、2016の1の部分にはキャンドルがともります。この2016に触れるとキャンドルの灯が消えて煙が立ち上ります。[1]ブログ記事などの幅に合わせてブログパーツの幅と高さを自由に設定できます。また、[2]ブログパーツの背景色も自由に設定できます。

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

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

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

[3] ブログパーツの配置位置を変えることもできます。以下の 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 = "4e0027"; var ayBottomColor = "ea196a";</script><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_newyear_2016.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 = "0b2309"; var ayBottomColor = "689f08";</script><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_newyear_2016.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 = 250; var ayTopColor = "000000"; var ayBottomColor = "000000";</script><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_newyear_2016.js"></script></a></div>


5. その他

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

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

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


※以下のFacebookコメントへの返信内容は、2012年5月以前のものは、ご投稿者と返信者だけが見られます。
nice!(0)  コメント(0)  トラックバック(0) 
共通テーマ:blog
※本ブログにはアフィリエイト広告が表示される場合がございます。
Copyright (c) 2012 ~ 2024 ANOTHER YOU All Rights Reserved.

nice! 0

コメント 0

コメントを書く

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

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

トラックバック 0

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