春の華（さくら） | 美的ブログパーツ

さくらの花びらがふわりひらひらと降るブログパーツです。このブログパーツを貼りつけたブログ画面全体にも、さくらの花びらを降らせる設定ができます。ご利用には、下記タグ欄の <div style=　・・・　> ・・・ </div> の部分をブログにコピー＆ペーストして保存してください。ご連絡・ご登録などの必要なく無料ですので、お気軽にご利用ください。なお、ブログパーツをご利用になる前に、別ページの「美的ブログパーツをご利用いただくには」をご覧ください。

仕様概要

ブログパーツ本体では、春の背景の手前にさくらの花びらが降ります。このブログパーツを貼るとブログ画面全体にもさくらの花びらが降ります。設定により、［１］ブログ記事の手前側に降らせたり、記事の奥裏側に降らせたりすることができます。また、［２］ブログ画面全体に降るさくらの花びらの数を増やしたり減らしたりすることができます。

タグ（サンプル）

上記「仕様概要」に表示中の状態のブログパーツのタグです。必要に応じて下記「仕様詳細」に記載の方法で設定を変えてください。

<div style="text-align:center;font-size:10px"><script id="another_brilliant_spring" type="text/javascript" charset="Shift_JIS" src="https://www.another-you.net/blog_parts/another_brilliant_spring.php?depth=1&number=5" async></script><a href="https://www.another-you.jp/" title="Another You | business scene jewelry"></a></div>

仕様詳細

１ブログ記事の手前側または奥裏側にさくらの花びらを降らせる設定は、上記のタグ（サンプル）をブログにコピー＆ペーストしたあとに、その一部を書き換えて保存してください。書き換える場所は、タグ中の depth= に続く部分で、= と & にはさまれた数字の 1（プラスいち）を書き換えます（半角数字）。数字をプラスの値にすると、ブログ記事の手前にさくらの花びらが見えるようになります。さらにプラスの値を大きくするとブログ記事の手前にある表示要素よりさらに手前に表示されるようになります。逆に、マイナスの値で -1（マイナスいち）にすると、多くの場合、さくらの花びらはブログ記事のすぐ裏側に表示されるようになります。さらにマイナスの値を大きくすると、ブログ記事よりさらに奥側にある背景要素の裏側に表示されるようになり、ブログ背景に画像や不透明色を設定してあると、その裏側に隠れてさくらの花びらが見えなくなります。お好みの位置にさくらの花びらが表示されるよう数字を調節してみてください。

２ブログ画面全体に降るさくらの花びらの数を変える設定は、タグ中の number= に続く部分で、= と ” にはさまれた数字の 5 を書き換えます（半角数字）。パソコンなどの大きな画面で記事の裏側に表示させる場合は20くらい、スマートフォンなどの小さな画面で記事の手前に表示させる場合は5くらい、が見やすい値と思います。数字の値を大きくしすぎると表示が遅く重くなり、スマートフォンなどに表示すると電源消費が激しくなる可能性がありますのでご注意ください。値を0（ゼロ）にするとさくらの花びらが表示されなくなります。

ブログのデザインやテンプレートによりましては、ブログ記事の奥裏側に表示設定（depth値をマイナス設定）すると、さくらの花びらが全く見えなくなる場合がございます。その場合、デザインやテンプレートのHTMLやCSS編集が可能であれば見えるようにできる可能性もございますが、それらができないブログもございます。予めご了承ください。

以上、書き換える際には、前後の = & ” などを削除しないようご注意ください。なお、ブログパーツ本体の画面上にマウスカーソルがあるとハートマークが点滅し、クリックすると、この説明画面が起動されます。また、当ショップ名をクリックするとショップホームページ画面が起動されます。

動作環境

HTML5 / Canvas / JavaScriptをサポートしているブラウザで動作表示します。近年（2013年頃以降）のバージョンの主要ブラウザであれば、パソコン版でもスマートフォン版でもほとんどの場合、HTML5 / Canvas / JavaScriptをサポートしています。また、常時SSL化したブログでもご利用いただけます。ただし、機種・OS等との相性、他のスクリプト・ブログパーツ等との競合、ブログによる制限やブラウザの設定（JavaScript使用不可等）など、環境によりましては正常動作表示できない場合がございます。予めご了承ください。なお、当ショップでは、公開時に、Windows10上のIE・Chrome・Firefox・Edge、iOS上のSafari、Android上のChromeにて動作表示確認をしております。