テンプレート編集 モジュール 画像

質問

いろんな方のブログを見てあこがれ、
先日ブログを始めたばかりの初心者です^^;

テンプレート編集のオリジナルモジュールを追加するところで困っています(:_;)

有名なブログ等を拝見するとオリジナルでモジュールを作っておられ、
自分の自己紹介の他に、ペットの写真を貼ってプロフィールを記載したり、
使っている商品等を写真を貼って紹介されてるので真似たいと思ったのですが…。

モジュールに自分で撮影した画像を貼るやり方が分かりません(-_-;)

テンプレートはモジュール等編集可能なものを選んで使用しています。

gooに質問したりしたのですが回答貰えずで…
ご経験のある方やり方をお教え頂けないでしょうか？

宜しくお願いしますm(__)m

回答No.3

DOUGLAS_ · ベストアンサー

[回答番号：No.2] の DOUGLAS_ です。

＞画像の大きさが大き過ぎて、小さくする方法が分からない
＞デジカメで撮った写真をそのままUPしかした事無い
ということでしたら、画像を アップロード するときに、[新しいファイルを追加] - [■アップロードするファイルの種類] - [写真や画像] - [goo ブログ標準(320X240まで)] の方で アップロード すれば、小さな写真が アップロード できます。
　といっても、横幅が 320px ありますので、サイドバー に入れるには大きすぎますよね。

　ところで、画像を アップロード したときに [現在使用できる画像一覧：全*枚（使用容量0.***MB/3000MB）] というような一覧が出ておりますが、その下に アップロード した写真の サムネイル（縮小画像）が出ています。
　これを右クリック [プロパティ(R)] を表示してみると、その画像の [アドレス(URL)] が
ｈttp://blogimg.goo.ne.jp/thumbnail/**/**/*****_s.jpg
というような ＵＲＬ になっていて「大きさ　120 x 90 ピクセル」と表示されています。
　で、その サムネイル をクリックして得られる、本物の画像の ＵＲＬ は
ｈttp://blogimg.goo.ne.jp/user_image/**/**/*****.jpg
となっております。

　ということで、「サイドバー には、この サムネイル の方（横幅 120px）を表示しておいて、それをクリックすると大きな画像を表示する」というようなことにしてみられてはいかがでしょうか？
　その場合、[オリジナルモジュールの新規追加] - [内容] に
<a href="本物の画像のＵＲＬ" target="_blank"><img src="サムネイルのＵＲＬ"></a>
と記述します。

　あるいは、
<img src="本物の画像のＵＲＬ" width="120">
のように横幅を指定して見栄えをよくしても構いませんが、この場合、本物の画像を読み込んでいるので、ブラウザには負担がかかります。

お礼

わざわざ有難う御座います(^O^)
凄く参考になりました！！
＞「サイドバー には、この サムネイル の方（横幅 120px）を表示しておいて、それをクリックすると大きな画像を表示する」というようなことにしてみられてはいかがでしょうか？

早速、こちらを試してみました！まだ1個しかしてませんが出来ました♪
とても分かり易くお教え下さってスムーズにやる事が出来ました(*^^)v
全くのど素人に^^;ご丁寧なご指南・アドバイス有難う御座いましたm(__)m
少しずつ思い通りのレイアウトに出来るように頑張ります!(^^)!

回答No.4

dt54dt54

No.1です。
ちょっと質問の解釈を間違っていたようですね。すみません(^^;;

アップした画像を利用するという方法に関してはNo.2さんが回答されてますので、画像のリサイズ（縮小）に関して補足させていただきます。

縮小してからアップロードする場合は、リサイズ用のソフトを使用したりします。
これは市販品でもフリーソフトでもいっぱい出てます。
※フリーソフトを入手したい場合「画像　リサイズ フリーソフト」などで検索。

もっと手軽に縮小したい場合、WEB上でそのようなサービスがいろいろでています。
ローカルファイルを参照してWEB上で縮小した画像をダウンロードして保存できます。
参考URLに日本語のサイトを挙げておきますね。

参考URL：

http://r.fc2.com/index.php

お礼

わざわざご親切な回答有難う御座いますm(__)m
早速拝見しました。
色々あるのですね～～すごく参考になりました。
頑張って使いこなせるようにします！有難う御座いましたm(__)m

回答No.2

DOUGLAS_

＞モジュールに自分で撮影した画像を貼るやり方が分かりません(-_-;)

１）先ず、「自分で撮影した画像」をアップロードします。
２）アップロードした画像のＵＲＬを取得します。
３）[オリジナルモジュールの新規追加] - [内容] に
<img src="(２)で取得したＵＲＬ">
と記述します。

　お分かりにならないことがあれば、どこができないか詳細を書いて追加でご質問ください。

お礼

ご回答有難うございますm(__)m
記載頂いた通りやってみました！
画像のUP出来ました…ただ、画像の大きさが大き過ぎて、小さくする方法が分からないのでうまく貼れてはいませんが^^；；；；；；；
デジカメで撮った写真をそのままUPしかした事無いのでまだまだ勉強が必要ですね((+_+))

回答No.1

dt54dt54

gooブログと判断してよろしいですか？
残念ながらgooブログを使ったことがないので
参考URLに何かヒントはありませんか？

参考URL：

http://blog.goo.ne.jp/info/how_to/

お礼

ご回答有難うございますm(__)m
使い始めたのはgooブログです。
記載頂いたURLは既に拝見した事のあるものでした。
わざわざご親切に有難うございました!(^^)!