Yahooブログで使える美的ブログパーツ|Another You

ジュエリーショップ Another You が美的・癒しを目指して作成したYahoo!ブログ用のブログパーツをご紹介いたします。

全体表示

[ リスト ]

雪のグリーティングス


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

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


[1]ブログパーツの幅と高さの設定は、下記のコード(サンプル)をブログにコピー&ペーストしたあとに、560 と 300 の数字部分を書き換えてください。下記のサンプルでいいますと、560 (ピクセル)の部分が幅で、 300 (ピクセル)の部分が高さですので、それぞれの数字をお好きなサイズに書き換えてください(半角数字)。

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

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

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

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

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


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


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


◆ブログパーツをご利用になる前に、お手数ですが、オリジナル配布サイトの「美的ブログパーツをご利用いただくには(ご注意事項)」をご覧ください。


■ 簡単モードを使用する場合のYahoo!ブログ専用設置コード(上記表示中ブログパーツのサンプルコード)
「動画、ブログパーツのURLを指定して記事にはりつける」ボタンをクリックして表示される画面内の指定欄に、以下のコードなどをコピー&ペーストしてご利用ください。
[動画のURL]http://www.another-you.net/blog_parts/AnotherSnowflakeWideBlogParts.swf?top_color=000000&bottom_color=111111&fall_type=1&flake_type=4&message_pos_x=45&message_pos_y=150&message_font=1
[表示サイズ]横幅:560 高さ:300
■ Wiki文法を使用する場合のYahoo!ブログ専用設置コード(上記表示中ブログパーツのサンプルコード)
「Wiki文法使用」チェックボックスのクリックを忘れずに、以下のコードをコピー&ペーストしてご利用ください。
[[item(http://www.another-you.net/blog_parts/AnotherSnowflakeWideBlogParts.swf?top_color=000000&bottom_color=111111&fall_type=1&flake_type=4&message_pos_x=45&message_pos_y=150&message_font=1,560,300)]]



◆以下は、その他の設定によるサンプルです。

※幅560・高さ300・上端色7d8c9c・下端色f9f9f9・降り方3・形2・Welcome位置x300/y150・字体2のサンプル
http://www.another-you.net/blog_parts/AnotherSnowflakeWideBlogParts.swf?top_color=7d8c9c&bottom_color=f9f9f9&fall_type=3&flake_type=2&message_pos_x=300&message_pos_y=150&message_font=2
[動画のURL]http://www.another-you.net/blog_parts/AnotherSnowflakeWideBlogParts.swf?top_color=7d8c9c&bottom_color=f9f9f9&fall_type=3&flake_type=2&message_pos_x=300&message_pos_y=150&message_font=2
[表示サイズ]横幅:560 高さ:300

※幅420・高さ130・上端色4e0027・下端色ea196a・降り方2・形3・Welcome位置x150/y90・字体3のサンプル
http://www.another-you.net/blog_parts/AnotherSnowflakeWideBlogParts.swf?top_color=4e0027&bottom_color=ea196a&fall_type=2&flake_type=3&message_pos_x=150&message_pos_y=90&message_font=3
[動画のURL]http://www.another-you.net/blog_parts/AnotherSnowflakeWideBlogParts.swf?top_color=4e0027&bottom_color=ea196a&fall_type=2&flake_type=3&message_pos_x=150&message_pos_y=90&message_font=3
[表示サイズ]横幅:420 高さ:130

※幅560・高さ160・上端色0a1e08・下端色6ba308・降り方0・形1・Welcome位置x160/y80・字体1のサンプル
http://www.another-you.net/blog_parts/AnotherSnowflakeWideBlogParts.swf?top_color=0a1e08&bottom_color=6ba308&fall_type=0&flake_type=1&message_pos_x=160&message_pos_y=80&message_font=1
[動画のURL]http://www.another-you.net/blog_parts/AnotherSnowflakeWideBlogParts.swf?top_color=6ba308&bottom_color=0a1e08&fall_type=0&flake_type=1&message_pos_x=160&message_pos_y=80&message_font=1
[表示サイズ]横幅:560 高さ:160

※Yahoo!ブログ以外でご利用いただけるブログパーツ設置タグはオリジナル配布サイトをご覧ください。


閉じる コメント(6)

こんにちは
いろんなバージョンがあり迷ってしまいます。笑
冬の空見上げたら・・みずいろの空から雪が舞い降りて
すごく美しい世界です。
ありがとうございます。またお借りしますね。。。

2014/1/10(金) 午後 0:45 樹☆

顔アイコン

樹さん、コメントありがとうございます。子供のころ、手のひらに落ちた雪の結晶を見て、その美しさにも感動しました。降り積もる雪は、都市の交通を麻痺させますが、四角い建築物を丸くしてくれるのも好きでした。
そのような思いもあって、つい色々と盛り込んでしまい、カスタマイズの項目が多くなってしまいました。少々複雑ですが、サンプルをご参考にカスタマイズもお楽しみいただければと思います。ご不明な点などがございましたら、お気軽にご連絡くださいませ。

2014/1/10(金) 午後 1:45 [ 美的ブログパーツ ]

顔アイコン

綺麗な色ですね

いつも、感心しています
お借りしますね
ありがとう─☆。o゚。ございます

2014/1/10(金) 午後 8:14 momoのキモチ

顔アイコン

momoさん、ありがとうございます。サンプルですので、ちょっと目立ちながら、ちょっと落ち着いた色を目指してみました。私自身は、どこまでもし〜んとした夜に雪が深々と降るイメージの、黒い背景でリアルな雰囲気の最初のサンプルが好みではありますが。朝には四角い建築物が丸くなっていそうですので。

2014/1/10(金) 午後 9:23 [ 美的ブログパーツ ]

顔アイコン

雪って冷たいのに心が温まりますね!
ロマンチックです〜ナイス〜

2番目のサンプルのをお借りしますね・・・
いつもありがとうございます

2014/1/16(木) 午後 8:32 epi

顔アイコン

Epiさん、コメントありがとうございます。
そうですね。たくさん降るとやっかいですが、その降り方は何故だか心温まりますよね。ふわふわしているからでしょうか。
2番目のサンプルは、日中に降る粉雪をイメージしたサンプルです。カスタマイズもどうぞお楽しみください。

2014/1/16(木) 午後 9:25 [ 美的ブログパーツ ]


.


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事