SSブログ

てんとう虫(Twitter連携可能)|美的ブログパーツ(無料) [美的ブログパーツ(無料)]

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


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

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

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

1. サイズ

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

2. 仕 様

LadybirdBottomSample.jpg
てんとう虫がうろちょろし、ときどきクローバーに飛び移ります。また、[1]Twitter の設定をした場合は、ブログ画面下に「 Follow Me 」のタブ(ボタン)が表示されます([2]タブのみ表示させない設定もできます)。このタブは、ブログパーツを表示するたびに、てんとう虫が運んできます。そのタブをクリックすると設定した Twitter ユーザID の画面が起動されます。画面下のてんとう虫も、タブを運び終わると、画面下でうろちょろし始めます。なお、ブログパーツ本体とブログ画面下のどちらのてんとう虫も、とまっているときにマウスカーソルを近づけると逃げます。

[1] Twitter をご利用中の場合で、Twitter ユーザIDの設定をするには、下記のタグ(サンプル)をブログやホームページにコピー&ペーストしたあとに、その一部を書き換えてください。書き換える場所は、タグ中の screen_name= に続く部分で、 = と & にはさまれた部分です。その部分が Twitter ユーザIDです。下記のサンプルでいいますと、AnotherYouJp の部分がユーザIDですので、ここを新たなユーザIDに書き換えてご利用ください(Twitter上で「@〇〇〇〇〇」と表示されている〇〇〇〇〇がユーザIDです)。  
 
[2] Twitter をご利用でない場合は、タグ中のユーザIDの部分を削除してください。下記のサンプルでいいますと、 AnotherYouJp の部分を削除してご利用ください。この場合は、「 Follow Me 」のタブ(ボタン)や画面下のてんとう虫は表示されなくなります。ただし、画面下のてんとう虫のみを表示してタブを非表示にすることもできます。その場合は、下記のタグ中の AnotherYouJp の部分を削除せずに、 tab= に続く部分で、 = と ' にはさまれた on の部分を on または off (半角英字)に書き換えます。
    on   タブとてんとう虫の両方が表示されます
    off   タブは表示されず、てんとう虫のみ表示されます

[3] さらに、ブログによっては画面の最下部の位置がずれることがあります(FC2ブログなど)。この場合、タグ中の ground_distance= に続く数字部分の 0 を適切な数字(半角の数字)に書き換えて位置の調整をお試しください。数字がプラスで大きいほど画面の下を、マイナスで大きいほど画面の上を、てんとう虫がうろちょろします(FC2ブログの場合、画面上部の検索バーの表示設定をしている場合は、-27 がほどよい位置になります)。

なお、ブログパーツ本体の画面上にマウスカーソルがあると、(i)ボタンが点滅し、それをクリックすると、このブログのこの仕様説明画面が起動されます。また、当ショップ名をクリックするとショップホームページ画面が起動されます。当ショップ名が大きく表示されていますが、デザインの一部として、大目に見ていただければ幸いです(微笑)。


3. タ グ (サンプル:上記2に表示中ブログパーツのタグ) 

<div style="text-align:center;font-size:10px"><script type='text/javascript' src='http://www.another-you.net/blog_parts/another_ladybird.php?screen_name=AnotherYouJp&ground_distance=0&tab=on'></script><p><a href="http://www.another-you.jp/" title="Another You | business scene jewelry" target="_blank"></a></p></div> 

 

4. その他

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

「 Follow Me 」のタブの裏側に隠れて、ブログ画面最下部のリンクなどがクリックできなくなる場合がございます。クリックできなくても問題がないか、ご確認のうえ、ご利用ください。 
 

5. 関連ブログパーツ|Twitterと連携できるもの

蝶と花

ブログパーツの一覧はこちら >> 「美的ブログパーツ一覧|無料・無登録

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

nice! 0

コメント 4

ぽりん

ブログパーツを利用するのは初めてだったのですが、とても可愛らしいのでお借りしました。ありがとうございます。
私のブログだと、右下のツイッターのタブがほぼ見えないのですが、環境によって違うのでしょうか?
せっかく、かわいいテントウムシが運んでくれるはず(ですよね?)なのに、残念です。
by ぽりん (2012-12-20 00:45) 

ANOTHER-YOUスタッフ

> ぽりん さん

コメントとご利用ありがとうございます。お言葉うれしく思います。また、お問い合わせの件につきまして、お手数をおかけいたします。

タブが見えなくなる件ですが、これは環境によって異なります。対応としまして、FC2ブログでしたら以下の3つのいずれかで見えるようになります。

(1)FC2ブログ画面上部にあるFC2検索バーを非表示にする
特に検索バーが必要なければ、一番簡単な方法です。ブログ管理画面のメニューから次のメニュークリックの手順で非表示設定ができます。管理画面ログイン → 画面上部「環境設定の変更」 → 「ブログの設定」 → 「検索バーの設定」 → 検索バーの利用を「利用しない」を選択 → 「更新」

(2)FC2共有プラグインを利用して位置調整設定する
FC2の共有プラグインに本ブログパーツを登録しておりますので、このプラグインをご利用くだされば、クリックと数値入力だけで設定できます。FC2ブログ管理画面にログイン後、以下のアドレスに移動するとプラグインダウンロード画面になります。その画面の説明をご覧いただき、位置調整をしてみてください。

http://control.blog.fc2.com/control.php?mode=plugin&process=download&no=32130&mob=

(3)以下のタグ(スクリプト)をコピー&ペーストして編集調整する
以下のタグをFC2ブログのフリーエリアにコピーしてください。その後、タグ中にある「ground_distance=-27」の部分の数字-27がタブの上下位置調整値になりますので、この数字を書き変えてください。この値が小さい(マイナス値が大きい)ほどタブがより画面上に表示されるようになります。FC2検索バーが表示されている場合、このままの-27がほどよい値かと思います。TwitterのIDの変更もお忘れなく。

<div style="text-align:center;font-size:10px"><script type='text/javascript' src='http://www.another-you.net/blog_parts/another_ladybird.php?screen_name=AnotherYouJp&ground_distance=-27'></script><p><a href="http://another-you-note.blog.so-net.ne.jp/blog_parts_022" target="_blank">てんとう虫がうろちょろします</a></p></div>


以上ですが、ご不明な点などございましたら、お気軽にご連絡をくださいませ。

by ANOTHER-YOUスタッフ (2012-12-20 07:33) 

ぽりん

わかりやすいご返答を、ありがとうございました。まず、いちばん簡単な方法から試してみました。
可愛いテントウムシが出現しました!
ありがとうございます。 「いいね!」して、つぶやきます^^
by ぽりん (2012-12-20 22:59) 

ANOTHER-YOUスタッフ

> ぽりん さん

ご連絡ありがとうございます。また、いいねと、ご紹介のつぶやきまでありがとうございます。
Twitter対応のものは他にもいくつかございますが、お気に召すものがございましたら、お気軽にご利用ください。


by ANOTHER-YOUスタッフ (2012-12-21 08:30) 

コメントを書く

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

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

トラックバック 0

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