無料ブログパーツサンプル集。ダウンロード不要、簡単設置。ひと味ちがうものもあるのだ！
ブログパーツをさがせ
最新の記事
- [07/02] 美しい地球のブログパーツ「live earth」
- [07/02] 気の合うお友達をマッチングしてくれるブログパーツ「ブロ＋ブロ」
- [07/01] 海のレジャーに！波高・風向きがわかる「海快晴のブログパーツ」
- [07/01] 夏を感じるブログパーツ2種 扇風機と蚊取り豚
- [06/30] オセロ、五目並べのFlashブログパーツ
- [06/28] 知床の森を育てよう！「Discover Shiretoko」ブログパーツ
- [06/27] JS-Kitで得られたデータを元に人気のページを表示するJS-Kit Navigator
写真共有サイトでスライドショーBubbleShare
Your Photos + Your Voice = Your StoryのBubbleShare。簡単スライドショーだけでなく、豊富なサービスが魅力の写真共有サイト。
BUBBLESHAREは、アップロードした写真に音声やキャプションを加えてスライドショーを作成できる写真共有サイトです。教えていただいたのはWeb2.0 Maniacsさん。「多彩なスライドショーをブログパーツに BUBBLESHARE」で、すてきなサンプル写真ががアップされてます。
ブログに貼れるアルバムタイプ一覧
サイズがさらに大中小と設定できるタイプもあります。
- Bubble Slider (Flash)
- Simple Square
- Rounded Square
- Fader (Flash)
- Bouncy (Flash)
- Vertical Slider (Flash)
- Medium Square
- Medium Rounded
- Huge Square!
- Huge Rounded!
そんでもってわたしが感動したのはオンラインプリントサービス。BubbleShareに登録していなくてもステキな写真を見つけたら「Overview ＞ Order Prints & Gifts」で注文できます。Ajaxならではの実際の画像を使ってカレンダーやポスター、Tシャツまでもが一丁あがり。（しかも安い）やってみるだけができるところが親切。（海外発送も可能なようです）
| This album is powered by BubbleShare - Add to my blog |
| ||||||||||||
英語がまったくダメなわたしがお届けするざっくり解説シリーズ。
BubbleShareに自分の画像をアップする（解説）- ページ右側上部の「Create Account」からアカウントを設定
- メールに送られてきたURLから一発ログイン
- 「Create a New Album」の「Add Photo」で自分のパソコンからアップロードしたい画像を選びます（複数選択可能）※アルバム名は入力しなくてもアップロード可能。勝手に「satokoto's Album - July 15, 2006」というような名前が付きます。
- キャプション（吹き出し）やクリップアート、そして音楽を挿入する場合は上のタブや下のテキストボックスから。好きな種類を選んでマウスでクリックすると写真の上に表示されます。
- 吹き出しの向きとサイズは三角マークや＋−で自由自在。吹き出しじたいの位置はドラッグアンドドロップ。色は変更できません。日本語対応。
- 「Share your Album」で実際にブログに表示されるサンプルを見ながら何度もやり直しが可能です。
貼り付ける種類によって、キャプションなんかがうまくでないものがあるもよう。ここのも付けてるんですけどねー。あれ？Add to my blogで一覧をみることができます。
やってみて思ったのはここはアップロードが早い！複数のファイルを一度にアップできるのも便利ですねー。さらに上でも書きましたが便利サービスが豊富。アップした写真をカレンダーやポスター、あるいは本やＴシャツなんかにすることができます。実際の画像を使ってプレビュー付でお見積もり。カゴに入れるだけでは注文にならないのでカレンダーとかで試してみてください。なんだか感動します。 ※注文するつもりがないのに、うっかりCheckOutしてしまってもアカウントを求められるので間違いようはないけど、カートぐらいでとどめておきましょう。
他にはFreeDesktopSoftwareというのがあって、デスクトップを楽しくするツールがダウンロードできるもよう。MacOSX用にはスクリーンセーバーもあるようです。
- 2006-07-17 [e]
- アルバム・画像・動画 テーマ毎の写真や動画
- コメント : 18
- ト: 2
- ▲
18件のコメント
参考になりました
2006-09-05 [2456]
英語だからちゃんとできるか不安でしたが、
ざっくり解説で一発OK！でした。
とても勉強になりました。
これで自分のHPもちょっとは豪華になったかも!?
ありがとうございました(^ -^)
ざっくり解説で一発OK！でした。
とても勉強になりました。
これで自分のHPもちょっとは豪華になったかも!?
ありがとうございました(^ -^)
satokoto
2006-09-06 [2459]
写真も綺麗だし、ほんとナイスアイデア！ページにしっくり馴染んでますねー。（ど真ん中なのに、最初どこに貼ってあるか探してしまいました＾＾）
スライドショーはそういう使い方もあるんだなって勉強になりました。こちらこそありがとうございました。
スライドショーはそういう使い方もあるんだなって勉強になりました。こちらこそありがとうございました。
satokoto
2006-10-15 [2565]
これはうちにお尋ねいただいてもどうしようもないかも。
管理者さんに直接お尋ねください。といいたいところですが、翻訳ソフトを使ってみました。確かに退会の届けを出すところは特に見当たりませんね。（あるのか？英語が堪能な方にちょっと調べてもらおうと思います。）
どのみち1年のちに画像は自動削除されるようですが、気になるようならやはり翻訳ソフトを使って管理者さんにアカウントの停止を申し出てみては。
参考：Yahoo WEB翻訳
http://honyaku.yahoo.co.jp/url
管理者さんに直接お尋ねください。といいたいところですが、翻訳ソフトを使ってみました。確かに退会の届けを出すところは特に見当たりませんね。（あるのか？英語が堪能な方にちょっと調べてもらおうと思います。）
どのみち1年のちに画像は自動削除されるようですが、気になるようならやはり翻訳ソフトを使って管理者さんにアカウントの停止を申し出てみては。
参考：Yahoo WEB翻訳
http://honyaku.yahoo.co.jp/url
2006-11-09 [2684]
ログイン、写真アップロードまではできたのですが、
ブログへの貼り付け方がわかりません。
「Vertical Sider」に自分のアルバムを流して、
ブログサイドに貼りたいのですが・・・
FC2ブログです。
教えていただけませんか？お願いします。
ブログへの貼り付け方がわかりません。
「Vertical Sider」に自分のアルバムを流して、
ブログサイドに貼りたいのですが・・・
FC2ブログです。
教えていただけませんか？お願いします。
satokoto
2006-11-09 [2690]
お使いのテンプレートはプラグインが使えるテンプレートですか？
その場合は、FC2の管理画面「プラグインの設定 ＞ プラグインの追加（公式） ＞ フリーエリア」をひとつ追加します。
あとは、今作ったFC2のフリーエリア ＞ 設定の変更 ＞ 「フリーエリア内容の変更」の中に、BubbleShareの管理画面の「Share your Album ＞ Vertical Sider」の横に置いてあるタグを貼るだけです。
プラグインが使えないテンプレートの場合は、ちょっと説明がややこしくなるので、よかったら秘密でよいのでURLと貼りたい場所を教えてください。
うまくゆきますように。
その場合は、FC2の管理画面「プラグインの設定 ＞ プラグインの追加（公式） ＞ フリーエリア」をひとつ追加します。
あとは、今作ったFC2のフリーエリア ＞ 設定の変更 ＞ 「フリーエリア内容の変更」の中に、BubbleShareの管理画面の「Share your Album ＞ Vertical Sider」の横に置いてあるタグを貼るだけです。
プラグインが使えないテンプレートの場合は、ちょっと説明がややこしくなるので、よかったら秘密でよいのでURLと貼りたい場所を教えてください。
うまくゆきますように。
2006-11-09 [2691]
ちゃんと貼れました！！
色々なスライドショーを試してみたのですが、
勉強不足なため、どれも上手くいかず、
こちらにたどりつきました。
素早いお返事にも、感激しております。
どうもありがとうございました（*＾▽＾*）
色々なスライドショーを試してみたのですが、
勉強不足なため、どれも上手くいかず、
こちらにたどりつきました。
素早いお返事にも、感激しております。
どうもありがとうございました（*＾▽＾*）
2007-02-08 [3115]
以前、お世話になりました柊です。
またまた、質問なのですが、こちらのパーツは、
記事内に載せることも可能ですよね？
その時に、パーツ自体を隠すことも可能ですか？
例えば、
ABCD
のCをクリックすると、
別窓が開いて、スライドショーが見れるといった感じの。
もしお分かりになるのであれば、よろしくお願いします。
またまた、質問なのですが、こちらのパーツは、
記事内に載せることも可能ですよね？
その時に、パーツ自体を隠すことも可能ですか？
例えば、
ABCD
のCをクリックすると、
別窓が開いて、スライドショーが見れるといった感じの。
もしお分かりになるのであれば、よろしくお願いします。
satokoto
2007-02-08 [3116]
こんにちは！
そうですねー。どのページを開きたいかで少し変わります。以下、わたしのスライドショーの例で説明しますね。
例えば「C」の部分から開くページが以下の場合は「C」の部分にリンクを貼るだけ。
http://www.bubbleshare.com/album/47649.9635f82b6c4/1348305/overview
「C」の部分から、ブログパーツ自体（http://www.bubbleshare.com/album/47649.9635f82b6c4/1348309/shareの中にあるどれか）にリンクを貼りたい場合は、別にHTMLファイルを作って、それをブログにアップしてアドレスをメモ、「C」の部分からリンクを貼ります。
※もしHTMLがあまり得意じゃない場合はサンプルHTMLファイルもあります。
下記のリンクを右クリックしてご自分のパソコンにいったん保存→Windowsならスタート→プログラム→アクセサリ→メモ帳で「開く」でこのファイルを開いて、タグをピッと貼って、ブログにアップ→アップしたファイルのアドレスに、記事からリンクを貼る・・・で完成（長い・・^^;）
http://blog10.fc2.com/s/satokoto/file/hanyou.html
別窓で開く場合に小さく表示したい場合はJavaScriptの出番。TAG indexさんはどうでしょう。
http://www.tagindex.com/javascript/window/open1.html
お好みの感じになりそうですか？うまくゆきますように。
そうですねー。どのページを開きたいかで少し変わります。以下、わたしのスライドショーの例で説明しますね。
例えば「C」の部分から開くページが以下の場合は「C」の部分にリンクを貼るだけ。
http://www.bubbleshare.com/album/47649.9635f82b6c4/1348305/overview
「C」の部分から、ブログパーツ自体（http://www.bubbleshare.com/album/47649.9635f82b6c4/1348309/shareの中にあるどれか）にリンクを貼りたい場合は、別にHTMLファイルを作って、それをブログにアップしてアドレスをメモ、「C」の部分からリンクを貼ります。
※もしHTMLがあまり得意じゃない場合はサンプルHTMLファイルもあります。
下記のリンクを右クリックしてご自分のパソコンにいったん保存→Windowsならスタート→プログラム→アクセサリ→メモ帳で「開く」でこのファイルを開いて、タグをピッと貼って、ブログにアップ→アップしたファイルのアドレスに、記事からリンクを貼る・・・で完成（長い・・^^;）
http://blog10.fc2.com/s/satokoto/file/hanyou.html
別窓で開く場合に小さく表示したい場合はJavaScriptの出番。TAG indexさんはどうでしょう。
http://www.tagindex.com/javascript/window/open1.html
お好みの感じになりそうですか？うまくゆきますように。
2007-02-08 [3117]
サンプルHTMLを使って、できました！
お早いお返事、ありがとうございます。
後、ひとつだけ、質問してもいいでしょうか？
別窓が開いた時に、今は、画面の上の方にパーツが表示されるのですが、
これを、画面の中央に表示させることは、可能でしょうか？
お早いお返事、ありがとうございます。
後、ひとつだけ、質問してもいいでしょうか？
別窓が開いた時に、今は、画面の上の方にパーツが表示されるのですが、
これを、画面の中央に表示させることは、可能でしょうか？
satokoto
2007-02-08 [3118]
おぉ！よかったです。
縦方向の中央配置ですね。いろいろ方法はあるんですが、てっとり早い方法で。
HTMLの中に「margin:1px;」という部分があると思うのですが、
ここを「margin-top:100px;」などに書き換えすると、上から100px下がるので随分下の方になると思います。「100」とか「50」とか、いろいろ調整してみてください＾＾
縦方向の中央配置ですね。いろいろ方法はあるんですが、てっとり早い方法で。
HTMLの中に「margin:1px;」という部分があると思うのですが、
ここを「margin-top:100px;」などに書き換えすると、上から100px下がるので随分下の方になると思います。「100」とか「50」とか、いろいろ調整してみてください＾＾
コメントの投稿
- トラックバック（言及リンクのないトラックバックは受信されません）
- http://satokoto.blog10.fc2.com/tb.php/552-50c4edb6
2件のトラックバック
多彩なスライドショーをブログパーツに BUBBLESHARE
2006-07-17 [427]
BUBBLESHAREは、アップロードした写真に音声やキャプションを加えてスライドショーを作成できる写真共有サイトです。作成したスライドショーのHTMLタグを取得して、ブログパーツとして利用することも可能です。その表現
スライドショー・ブログパーツ「BubbleShare」
2006-07-17 [428]
This album is powered byBubbleShare - Add to my blog海外製スライドショーブログパーツです。これ、けっこうオシャレじゃないでしょうか？ありがちなPHOTO共有サイトですが、簡単にブログに貼れます。他の人のアルバムなら登録なしでブログに貼れます。パーツの右下「 Ad
人気のブログパーツ
ピックアップ
カテゴリから探す？
クリックするとサブカテゴリーが開閉します。
Tagから探す？
カテゴリより直感で探せるようになってます。検索で探す？
BlogParts Feed
ブログパーツ紹介サイトや関連ニュースの新着このブログの検索ワード
Powered By
バックアップ取ろうよキャンペーン
無料ブログだからこそ、やっておこう。
流石にすばらしいです。わかりやすいなあ〜