So-net無料ブログ作成
検索選択
※ご注意
本ブログに記載されている内容は、それぞれの記事投稿時点の情報です。
2008年2月27日のSo-net blogサービスリニューアルにより、一部内容に変更がある場合がございます。 恐れ入りますが、ご了承いただけますようお願い申し上げます。
なお、So-net blogの使い方につきましては、下記ページをご参照ください。
So-net blog使い方

簡単便利!写真レイアウトの技 [ブログ基本]

こんな人にオススメ!
  • 写真をカッコよくお洒落に並べたいけど方法がわからない人
  • もっと簡単に写真をブログにアップロードしたい人

本来ならば、「HTML」という決まりで記述をする必要がありますが、ここでは難しいことは後回し。

お好みの方法で写真をどんどん公開してください。

※文章に一部間違いがありましたので修正いたしました(HTMLタグという簡単なプログラム→決まり に修正)。ご指摘ありがとうございます!

サンプル画像
オススメマーク
無料 無料でお使いいただけます 超簡単簡単 初心者の方でもできます 便利 使える度が高いです
  カッコいい書き方をコピーして使う 無料 超簡単

コピーしたタグを貼り付けて、ちょこっと修正。それだけで、カッコいい並べ方に。ブログ教室特製の「サンプルタグ」から、お好きなデザインの横にあるタグをご利用ください。

使い方
  1. So-net blogにログインし、「設定→URL自動リンクと改行だけのシンプルな入力」に設定。
  2. サンプルタグをコピーして、テキストエディタに貼り付ける。
  3. 「画像をココに」という箇所に画像のURLを、「コメントをココに」という箇所に写真についてのコメントを入力。
  4. 記事の編集画面で、タグを貼り付けて保存。

サンプルタグ

(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" />
サンプル画像2
(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>
サンプル画像3
  So-net Photo(無料版あり)を使う 無料 簡単 便利

「So-net Photo」にアップロードした写真は、ボタンひとつでブログへ投稿することが可能。So-net Photoにブログサービスから発行されるAtomAPI設定をするだけで、後はクリックだけ。

準備

(1)So-net blogにログインして、「設定」の「AtomAPI(一番下にあります)」の「パスワードを発行する」ボタンをクリック。そこに表示されるパスワードをコピーして保存。

準備画像1

(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 パスワード:先ほどコピーしたパスワード
準備画像3
使い方

(1)画像をSo-net Photoにアップロード。
 ●So-net Photoの詳しい使い方はこちら  http://pht.so-net.ne.jp/photo/manual/

(2)So-net Photoの「IMAGE LIST」にはいって、 ブログに投稿したい画像の右上の→をクリック。
「Blog投稿」というボタンが表示されたら、これをクリック。

使い方画像2

(3)ブログの記事タイトル・内容・レイアウトを決めたら、「投稿する」ボタンをクリック。

使い方画像3

おまけコーナー

あっというまに写真をコメント付のポラロイド写真風に加工するサイトをご紹介します。ブログのちょっとしたアクセントにどうぞ。


2006-09-21 19:00  nice!(170)  コメント(32)  トラックバック(15) 

nice! 170

コメント 32

incrocio

このテクニック、記事を読んで初めて知りました。So-netPhotoとソネブロって連携していたんですね。
次回も楽しみにしています。
by incrocio (2006-09-22 21:25) 

shiho

携帯からも、自分のブログや、皆さんのブログを
閲覧できる機能も増やして欲しいです。
by shiho (2006-09-22 21:57) 

honyapin-turedure

こんなン欲しかったんですわぁ!またいろいろと教えてくださいね!
by honyapin-turedure (2006-09-22 22:00) 

テイン

欲しかった!必要だった!
うれしい~~
by テイン (2006-09-22 22:07) 

うみのつばめ

ためになる、身になる内容がありがたいです。
早速、【読んでいるブログ】に登録させていただきました。
これからもいろいろと教えてくださいね。
by うみのつばめ (2006-09-22 23:19) 

M

ワタクシも参考にさせてもらひます。
by M (2006-09-23 16:57) 

そうそう、こういう情報を求めていたんすよヽ(´ー`)ノ
ポラロイド風~
by (2006-09-23 16:57) 

おおっ!いいブログができたね!
他の人のところで「技」を使ってある記事をみて、
その「技」はどうやって?と訊けば、
もちろん皆快く質問すると教えてくれたりするけれど、
こうやって解りやすく色々な楽しい機能を集めてくれると、
とても便利!
これからもどんな「技」が登場するか楽しみ!!♪
by (2006-09-24 01:00) 

SZM

殆ど画像はアップしたことないけど、登録しただけになっているPhotoを使ってみてのアップもいいかなって思いました!
画像使うと重くなっちゃうかしらん? H"利用者だからちと心配(^-^;
by SZM (2006-09-24 09:45) 

ソネットフォトにアップロードしてる写真を小さく一覧表示して、サイドバーに表示できる機能とかあったら便利なんだけどなぁ。
そんで、クリックしたらソネットフォトにアクセスできて、写真にコメントできたりとか。
by (2006-09-24 17:24) 

NecoYanagi

</a>の先頭がないのですが...。<カッコいい書き方をコピーして使う
by NecoYanagi (2006-09-25 16:02) 

ブログ教室

みなさま、コメント本当にありがとうございます!
便利で楽しい使い方をたくさんご紹介して、みなさまにもっとブログをお楽しみいただけますよう、がんばりますね。

>NecoYanagi さん
も、申し訳ありません。写真にリンクをつけようかつけまいか迷っていたなごりが残ってしまっておりました。<a>タグは削除させていただきました。ご指摘ありがとうございました!
by ブログ教室 (2006-09-25 17:26) 

world_someone

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) 

blueleelue

こんなに、楽しくなってしまったら大変!
たくさん、お勉強させていただきます。
by blueleelue (2006-09-30 13:07) 

ルル

いやーわからないことだらけです・・・でもたのし~。
ココから、しっかりお勉強させていただきます!
by ルル (2006-10-01 22:24) 

EIJI

できない・・・
by EIJI (2006-10-03 03:41) 

名無し

ここもそうですがサイドバーを右においてるブログ。
特殊ブログでもないのに、スキンタイトルがオリジナルになってるブログをたくさん見ます。
やり方を教えて下さい。
by 名無し (2006-10-03 11:51) 

SWING

↑サイドバーにCSSを書けばできますよ~!
by SWING (2006-10-04 11:17) 

花火

超初心者の為に、もう少し詳しくお願いします(^_^;)
by 花火 (2006-10-05 18:06) 

MANTA

サイドバーを右にする方法、わかりました~
解説ページも作ってみました。
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) 

sanbonmatsu

はじめまして。
いつも参考にさせていただいています。
質問なのですが、1.カッコいい書き方をコピーして使うの(3)ポラロイド写真風を作成してみると写真の右側の白枠が少し広くなってしまうのです。
これを修正する方法がありましたら、ご教示願います。
以上、よろしくお願いします。
by sanbonmatsu (2006-11-18 13:48) 

ブログ教室

>sanbonmatsuさん
タグの書きかたをみなおしてみますね。しばしお待ちください!
by ブログ教室 (2006-11-22 20:15) 

Cat

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) 

コメントを書く

お名前:
URL:
コメント:
画像認証: 下の画像に表示されている文字を入力してください。

 

トラックバック 15

この記事のトラックバックURL:
※言及リンクのないトラックバックは受信されません。

このブログの更新情報が届きます

すでにブログをお持ちの方は[こちら]


この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。