本ブログに記載されている内容は、それぞれの記事投稿時点の情報です。
2008年2月27日のSo-net blogサービスリニューアルにより、一部内容に変更がある場合がございます。 恐れ入りますが、ご了承いただけますようお願い申し上げます。
なお、So-net blogの使い方につきましては、下記ページをご参照ください。
⇒So-net blog使い方
簡単便利!写真レイアウトの技 [ブログ基本]
- 写真をカッコよくお洒落に並べたいけど方法がわからない人
- もっと簡単に写真をブログにアップロードしたい人
本来ならば、「HTML」という決まりで記述をする必要がありますが、ここでは難しいことは後回し。
お好みの方法で写真をどんどん公開してください。
※文章に一部間違いがありましたので修正いたしました(HTMLタグという簡単なプログラム→決まり に修正)。ご指摘ありがとうございます!
※オススメマーク | |||||
---|---|---|---|---|---|
無料でお使いいただけます | 初心者の方でもできます | 使える度が高いです |
カッコいい書き方をコピーして使う |
コピーしたタグを貼り付けて、ちょこっと修正。それだけで、カッコいい並べ方に。ブログ教室特製の「サンプルタグ」から、お好きなデザインの横にあるタグをご利用ください。
- So-net blogにログインし、「設定→URL自動リンクと改行だけのシンプルな入力」に設定。
- サンプルタグをコピーして、テキストエディタに貼り付ける。
- 「画像をココに」という箇所に画像のURLを、「コメントをココに」という箇所に写真についてのコメントを入力。
- 記事の編集画面で、タグを貼り付けて保存。
サンプルタグ
- (1)写真の右隣にコメント
- <div style="float:left; margin-right: 10px; margin-bottom: 10px;"><img src="画像をココに" border="0" /><br /><br/></div>コメントをココに<br clear="all" />
- (2)写真の左隣にコメント
- <div style="float:right; margin-left: 10px; margin-bottom: 10px;"><img src="画像をココに" border="0" /><br /><br /></div>コメントをココに<br clear="all" />
- (3)ポラロイド写真風
- <table style="border: 1px solid rgb(153, 153, 153);" bgcolor="white" cellpadding="5" cellspacing="1"><tbody><tr><td><img src="画像をココに" border="0" height="266" width="400"></td></tr><tr><td style="" align="center">コメントをココに</td></tr></tbody></table></div> </td></tr></tbody></table>
So-net Photo(無料版あり)を使う |
「So-net Photo」にアップロードした写真は、ボタンひとつでブログへ投稿することが可能。So-net Photoにブログサービスから発行されるAtomAPI設定をするだけで、後はクリックだけ。
(1)So-net blogにログインして、「設定」の「AtomAPI(一番下にあります)」の「パスワードを発行する」ボタンをクリック。そこに表示されるパスワードをコピーして保存。
(2)So-net Photo(無料版)に登録&ログイン。
https://www.so-net.ne.jp/photo/service/registration.html
(3)「個人設定編集」ボタンをクリック、次の項目を設定して「保存」。
- Blogサービス名:So-net Blog
- AtomAPI ユーザーID:http://blog.so-net.ne.jp/****/ ***の部分
- AtomAPI パスワード:先ほどコピーしたパスワード
(1)画像をSo-net Photoにアップロード。
●So-net Photoの詳しい使い方はこちら http://pht.so-net.ne.jp/photo/manual/
(2)So-net Photoの「IMAGE LIST」にはいって、
ブログに投稿したい画像の右上の→をクリック。
「Blog投稿」というボタンが表示されたら、これをクリック。
(3)ブログの記事タイトル・内容・レイアウトを決めたら、「投稿する」ボタンをクリック。
あっというまに写真をコメント付のポラロイド写真風に加工するサイトをご紹介します。ブログのちょっとしたアクセントにどうぞ。
このテクニック、記事を読んで初めて知りました。So-netPhotoとソネブロって連携していたんですね。
次回も楽しみにしています。
by incrocio (2006-09-22 21:25)
携帯からも、自分のブログや、皆さんのブログを
閲覧できる機能も増やして欲しいです。
by (2006-09-22 21:57)
こんなン欲しかったんですわぁ!またいろいろと教えてくださいね!
by honyapin-turedure (2006-09-22 22:00)
欲しかった!必要だった!
うれしい~~
by テイン (2006-09-22 22:07)
ためになる、身になる内容がありがたいです。
早速、【読んでいるブログ】に登録させていただきました。
これからもいろいろと教えてくださいね。
by うみのつばめ (2006-09-22 23:19)
ワタクシも参考にさせてもらひます。
by M (2006-09-23 16:57)
そうそう、こういう情報を求めていたんすよヽ(´ー`)ノ
ポラロイド風~
by (2006-09-23 16:57)
おおっ!いいブログができたね!
他の人のところで「技」を使ってある記事をみて、
その「技」はどうやって?と訊けば、
もちろん皆快く質問すると教えてくれたりするけれど、
こうやって解りやすく色々な楽しい機能を集めてくれると、
とても便利!
これからもどんな「技」が登場するか楽しみ!!♪
by (2006-09-24 01:00)
殆ど画像はアップしたことないけど、登録しただけになっているPhotoを使ってみてのアップもいいかなって思いました!
画像使うと重くなっちゃうかしらん? H"利用者だからちと心配(^-^;
by SZM (2006-09-24 09:45)
ソネットフォトにアップロードしてる写真を小さく一覧表示して、サイドバーに表示できる機能とかあったら便利なんだけどなぁ。
そんで、クリックしたらソネットフォトにアクセスできて、写真にコメントできたりとか。
by (2006-09-24 17:24)
</a>の先頭がないのですが...。<カッコいい書き方をコピーして使う
by NecoYanagi (2006-09-25 16:02)
みなさま、コメント本当にありがとうございます!
便利で楽しい使い方をたくさんご紹介して、みなさまにもっとブログをお楽しみいただけますよう、がんばりますね。
>NecoYanagi さん
も、申し訳ありません。写真にリンクをつけようかつけまいか迷っていたなごりが残ってしまっておりました。<a>タグは削除させていただきました。ご指摘ありがとうございました!
by ブログ教室 (2006-09-25 17:26)
AtomAPIの機能ってこうだったのですか
全く知りませんでした。
そう言えば撮りだめた写真がありますので今度からはそれを使ってみたいと思います。
by world_someone (2006-09-25 23:07)
さっそくやってみました。
ブログの楽しみがまた広がりました。
ありがとうございます。
by ゆつき (2006-09-26 08:57)
なるほど。ポラ風、面白いです~
やるじゃんso-net♪
by やまる (2006-09-27 00:29)
今後もお勉強させていただきます。
by (2006-09-28 00:13)
お勉強がんばります!!
これからも期待してます☆☆☆
by みっこ (2006-09-28 10:47)
こんなに、楽しくなってしまったら大変!
たくさん、お勉強させていただきます。
by blueleelue (2006-09-30 13:07)
いやーわからないことだらけです・・・でもたのし~。
ココから、しっかりお勉強させていただきます!
by ルル (2006-10-01 22:24)
できない・・・
by EIJI (2006-10-03 03:41)
ここもそうですがサイドバーを右においてるブログ。
特殊ブログでもないのに、スキンタイトルがオリジナルになってるブログをたくさん見ます。
やり方を教えて下さい。
by 名無し (2006-10-03 11:51)
↑サイドバーにCSSを書けばできますよ~!
by SWING (2006-10-04 11:17)
超初心者の為に、もう少し詳しくお願いします(^_^;)
by 花火 (2006-10-05 18:06)
サイドバーを右にする方法、わかりました~
解説ページも作ってみました。
http://blog.so-net.ne.jp/goto33/2006-10-07
by MANTA (2006-10-07 12:14)
こんにちは。
質問があります。
携帯から写真と文章を送ると、文章が二回、写真は一つで一つはバッテンの窓になってしまいます。何故なのでしょうか。
お答えよろしくお願いいたします。
by (2006-10-21 08:14)
>mitisan さん
申し訳ありません、携帯電話の種類やその時の状況によって動作が異なるので、いただいた情報だけでは解決が難しくなります。
個別のご質問に関しましては、以下のブログお問い合わせフォームからご質問いただけますようお願いいたします。
https://www.sec.so-net.ne.jp/blog/qa/
by ブログ教室 (2006-10-23 13:36)
お答えありがとうございました。
by (2006-10-24 20:37)
はじめまして。
いつも参考にさせていただいています。
質問なのですが、1.カッコいい書き方をコピーして使うの(3)ポラロイド写真風を作成してみると写真の右側の白枠が少し広くなってしまうのです。
これを修正する方法がありましたら、ご教示願います。
以上、よろしくお願いします。
by sanbonmatsu (2006-11-18 13:48)
>sanbonmatsuさん
タグの書きかたをみなおしてみますね。しばしお待ちください!
by ブログ教室 (2006-11-22 20:15)
blog ha tada de tukureru nodesuka?
by Cat (2006-11-27 16:35)
画像の横へ文字を書きれる使い方の所に「画像をここへ」とあります。ここの書き方がわかりません。どこかへアップロードしておかなければならないのでしょうが、皆様どうしていますか。編集画面に並んでいる画像のURLは。
文中への画像差し込み方法が分からないので、過去1年半ほどホームページビルダーのブログ作成ツールを使用してアップしています。
by (2007-03-05 10:40)
自動にポラ画にしてくれるって・・・
すっごいウレシイけれど、できませんでした><
何がいけないんでしょうか?・・
by 知子 (2007-10-26 10:53)