ヘルプ

トピック

gooブログにフォト蔵を貼り付ける

  • 写真: フォト蔵
gooブログはブログパーツの貼り付けが可能です。
ただ、gooブログはいろいろと制限が厳しくて、現状ではフォト蔵のブログパーツを貼り付けることができません。

仕方ないので、自分で簡単なパーツとして貼り付けてみました。

その方法は
まず、

1.パーツに利用したい画像をgooブログの画像フォルダにアップする。
この画像はみなさんが撮影した画像でかまいません。
空はとりあえず、フォト蔵のアイコン画像を使用しました。

2.ブログ→編集画面→テンプレート編集 を選ぶ

3.その画面のちょっと下方の「モジュール配置」にある「オリジナルモジュールの追加」を選びます。

4.ウィンドウが開きますのでタイトルは適当に(例えば、フォト蔵)入れて、追加位置を決めます。(大抵は左サイドバーとか…)

5.内容にHTMLタグでリンク命令を記述

えーと、空のタグは

<center><a href="http://photozou.jp/photo/top/★3082996"><b><font color=★"#0099ff">空の<br>アルバム</font></b><br>★<img src="http://blogimg.goo.ne.jp/thumbnail/6b/31/997921..."></a></center>

と、なります。
最初の★3082996は空のフォト蔵のidです。皆さんのidはフォト蔵の皆さんのページを表示したときのurlについてる数字です。

次の#0099ffは文字の色指定です。この色はシアンっぽい薄いブルーです。ちなみに黒は#0000ff、赤は#ff0000です。

空の<br>アルバム は、表示する文字です。
「わたしの写真」でも「写真を置いてます」でもなんでもいいです。<br>は改行命令です。

最後の★のimgで始まる部分は先ほど画像フォルダに登録した画像の貼り付けです。gooブログの編集画面から画像フォルダを選び、アップした画像を選択すると貼り付けタグがコピーできます。
サイズはサムネイルを推奨します。

以上の書きこみが出来たら「追加する」を選ぶと、表示位置指定した部分の一番下にブログパーツが入ってます。

好きな位置に移動させて完了です。

難しくてできない…でも、やりたいという方はご相談いただければ、できるだけお手伝いします。

FC2などのブログの方は問題なく、フォト蔵の「ブログに貼る」でできます。
2014年3月15日 空 (15)
コメント
  • kiyorin
    空さーん(・∀・)♪+.゚私にもできたー^^
    ありがとうございます♪♪
    2014年3月15日 15:41 kiyorin (41)
  • ecru_(諸事情により暫くお休みします)
    私もブログに貼ってみました。
    ちょっとアレンジして≪ハクモクレン便り≫を(=゚-゚)ノ□ペタッです。
    サイドバー(右の一番下)に貼ってみました。

    http://blog.goo.ne.jp/ecru_222
    空さん、ありがとうございます。(*´▽`*)ノ
  • wasurenagusa
    フォト蔵の写真は貼れましたがそのあとが・・
    初歩的なタグでリンクを命令ができません
    数字だけが表示されただけで^^:

    お暇な時
    見ていただければなにが変なのがすぐわかると思うのでアドバイスいただければと思います。
    2014年3月17日 08:54 wasurenagusa (41)
  • ecru_(諸事情により暫くお休みします)
    wasurenagusaさん、タグの件に関してメールを送りますので見て下さいね。
  • nanaco
    こんにちは、手探りでやってみましたが、<私のアルバム>を押せば、フォト蔵がアップしますが、ブログには、命令文の英文が表示されるだけで、写真がアップされないのですが?最後の★<img src="
    の後に入れる文章を何処からペーストするのか、間違ったのかも知れませんね!取りあえずフォト蔵の私の写真のURL:を、コピー、ペーストしましたけれど?二個目のフォト蔵は、フォト蔵のブログに貼るを、全部コピーしたものだと、思いますので、削除で消せますか?

    最後のimgで始まる所に何処から、どの部分を入れれば良いのかが、間違っていたように思いますので、教えて戴けますでしょうか?
    宜しくお願いします。<写真を貼れれば、このままでも良いのですが・・・>
    2014年3月18日 16:38 nanaco (61)
  • ecru_(諸事情により暫くお休みします)
    【nanacoさんへ】
    チャレンジしてみられたのですね♪
    画像(アイコン)だけが表示されないということは、nanacoさんのおっしゃるように
    写真のURLが少し違っていたのかもしれません。
    文字が抜けているとか、同じ個所がダブっていたりすると 表示されないので。
    ★<img src=" で始まるURLは、フォト蔵からのものでなく、gooブログにアップした画像のものを貼ってみてください。

    1・gooブログの編集画面を開くと、
    左側に[画像フォルダ]という個所があるので、それをクリック。

    2・[ファイル指定]で画像を選び、[アップロード]をクリック。

    3・その下の画面にある[ファイル一覧]から、先ほどアップした画像を選んでクリック。

    4・表の中にある、[貼り付け用のタグ(サムネイル)](<img src= で始まる文字列)をコピー。

    5・コピーした分をそのまま貼る場合は、空さんの説明文の中の最後の★の部分から後の<>内の部分をそのまま置き替えて下さい。
    その後に続く文字列は </a></center> で、これが最後の文字です。

    *画像が大きい場合、[貼り付け用のタグ(オリジナル)]だと、
    サイドバー内に収まりきれないので、サムネイルの方のタグがいいと思います。
    画像が小さければ(サイドバーの幅より小さい場合など)、オリジナルでもOKです。
  • ecru_(諸事情により暫くお休みします)
    【nanacoさんへ】
    追伸です。

    画像(アイコン)が表示されなかったタグは、
    画像のURL部分だけ書き替えれば ちゃんと画像も表示できると思うので
    gooブログの[テンプレート編集]画面を開いて、
    変更したいオリジナルモジュール(フォト蔵のもの)の枠内にある[変更]をクリックで
    入力した文字列が表示されるので、そこから変更されてもいいし、
    [削除]で一旦削除されてから、もう1度[新規追加]で作られてもいいと思います。
  • nanaco
    有難うございます、もう一度チャレンジしますね
    一つ質問ですが、フォト蔵の写真を、一旦、gooブログの画像フォルダに入れた方が良いのですか?
    その場合、画像アップ、フォト蔵で取り込めるのでしょうか?


    私、フォト蔵から直接、ブログにアップの箇所のURLを貼っていますので、それが間違いなのかな?

    またまた、チンプンカンプンで申し訳ないです
    2014年3月19日 17:56 nanaco (61)
  • ecru_(諸事情により暫くお休みします)
    【nanacoさんへ】
    >フォト蔵の写真を、一旦、gooブログの画像フォルダに入れた方が良いのですか?

    というご質問にお答えしますね。

    「PCのファイルに保存してある画像を選んでgooブログの画像フォルダ内にアップロード」
    する必要があります。
    フォト蔵にアップした画像でも、URLが分かれば その画像を貼りつけることは可能ですが
    大抵の画像はサイズが大きすぎるため、サイドバーに収まりきれず、はみ出してしまうのです。
    なので、「一旦、gooブログの画像フォルダ内にアップロード」して
    サムネイルの方のURLを貼れば、サイドバー内に収まる画像が表示されるという訳です。

    余談ですが、フォト蔵にアップした画像のURLを表示するには―――
    1・写真と、その説明文が表示されるページを開きます。
    2・その写真の上で右クリックします。
    3・表が表示されるので、一番下の[プロパティ]を左クリック。
    4・表示された枠内の真ん中あたりにある[アドレス(URL)]が それです。(その表示を消すには枠下の[OK]を左クリックします)
  • wasurenagusa
    お二人に教えて頂いた通りにコピーして自分の数字の部分だけかえてみて写真の貼り付けとクリックでフォト蔵までは開けるようになったのですが お探しのページは見つかりません。
     URIが不正ですと出てしまいます^^:
    明日以降またチャレンジしてみます。(ハァ〜・・なんでこんなに鈍いのか・・)(><)。。
    2014年3月20日 00:00 wasurenagusa (41)
  • wasurenagusa
    空さん、ecruさん、
    ありがとうございました。
    教えて下さったのとはちょっと違うものが出来ましたが
    何とかブログからもフォト蔵の写真が見られるようになりました。
    もう、贅沢言わずこれもさりげなくていいでしょ〜?(笑)

    またお力をお借りする時は出来の悪い生徒を見守るように宜しくお願いします。m(__)m
    2014年3月20日 11:11 wasurenagusa (41)
  • 空
    wasurenagusaさんもnanacoさんも
    なんとかなったでしょうか…

    photomemo日記が、photomemoのなくなったおかげで、写真が消えて意味がわかんなくなっちゃいましたね。
    写真をブログにアップして修正しようか考え中です。
    2014年3月20日 13:29 空 (15)
  • ecru_(諸事情により暫くお休みします)
    【wasurenagusaさんへ】
    もう1度メッセージを送りますので読んでチャレンジしてみてください。
    今度は、きっとうまく行くはずです。*:.。☆..。.(´エ`人)
  • nanaco
    [ecru]さんに、個人教授して戴いて、私にもできました〜♪
    ・・・っていうか、99%ecruさんに、やって戴いたのです☆

    私も、URIが不正ですが、出ましたけど、何回も入力し直していたら、できたのです

    もう、感激です〜

    有難うございました.。o☆○o。.嬉しい
    2014年3月20日 20:59 nanaco (61)
  • wasurenagusa
    nanacoさん〜
    私も個人授業受けて出来たんですよ。
    何度もフォト蔵とブログ行ったり来たり
    で…お互いやれやれですね!
    お二人が神様に見えました!
    お騒がせしました。
    有難うございました♪
    2014年3月20日 22:14 wasurenagusa (41)
  • ecru_(諸事情により暫くお休みします)
    nanacoさんもwasurenagusaさんも無事にフォト蔵のブログパーツが貼れて
    ぃぇ━━━━ヽ(*´ω`)人(´ω`*)ノ━━━━ぃ♪ですね^^
    お役に立てて嬉しいです。^^