サイドバーに画像を入れたいのですができるでしょうか。
画像をサイドバーに貼りたいと思いますが、その方法を教えてください。画像の大きさも調整方法がわからずアップロードしてそのままの状態ですが。リンクでhttp…jpgを入れるとブログのサイドバーではクリックして画像が出ます(当たり前ですが)
よろしくお願いします。
回答(5)
1.

まず、画像を縮小します。
これはIEに付属している「ペイント」でもできます(変形→伸縮と傾き、で任意の%にします)し、また「縮専」というフリーソフトなどを使ったりもしています。
縮専
ほかにもいろいろありますので、BONさんの使いやすいものを探してみてください。
縮小した画像を、まずはPCに取り込み、小さくしたものをアップロードしてフリーエリアに貼り付けます。
アップロードするときに、サムネイルの数字を小さくしてもいいかと思うのですが、私の場合プロフィール写真なので、サムネイルを設定せずに写真自体を小さくしました。
2.

3.

ブログパーツで
livedoor pics
ギャラリー
4.

表示の時に、サイズを指定して表示するとか
すればいいです。
リンクをサイドバーに作成できるということは、画像のアドレスは、分かっているのですよね?
フリーエリアプラグインを追加して、
<img src="画像のアドレス" alt="説明" />のようにすれば、画像が表示されます。
サムネイルを使う場合の例
<img src="http://image.blog.livedoor.jp/liveaff0001/imgs/7/7/77f0ccc2-s.jpg" alt="説明" />
サムネイルを使わないで、アップしてしまった画像を、縮小表示する場合
<img src="http://image.blog.livedoor.jp/liveaff0001/imgs/7/7/77f0ccc2.jpg" width="160" alt="説明" />(中身は縮小されていないが)横幅(width)を160pxにして表示する
5.

そのブログは「公開」しないで、「下書き保存」だけを行い、新管理画面の「プレビュー」を行って、画像の貼りつき状態を確認します。
サイズが気に入らない場合には、新管理画面で左に表示されている「画像をアップロード」の画像リストから、該当する画像をクリックし、開いたポップアップからサムネイルのサイズを変更してから、本文に貼り付け直すと、サイズを修正することができます。
編集画面の左に画像一覧が表示されていない場合には、左にある横三角ボタンをクリックすると、画像一覧が表示されます。
最後に、新管理画面の「ブログ設定」-「ブログパーツの設定」画面の一番下の「追加する」をクリックし、「フリーエリア」を追加します。
そのフリーエリアに、先ほど編集したブログのhtmlを貼り付ければ完了です。
ドラッグアンドドロップで、サイドバー内の表示順序を調節します。
コメント(4)
てんぷら☆さんらいずさん
いつもありがとうございます。
現在ファイルのアップロードの中にある画像の大きさが498×220ピクセルあります。これを縮小しようとしましたがだめでした。
それでそのまま貼ってみようと画像を右クリックでコピー又はキーのprscでコピーして直接フリーエリアに貼り付けようとしたのですが「張り付け」が薄くなって張り付けできません。
もう少し詳しく教えてください。
そのままでは大きいですね。
私が猫のプロフィール写真に使ったのは、160×160でした。
(自分のプロフィール写真と大きさを合わせるため、正方形にしました)
2カラムのデザインならもう少し大きく出来るかもしれません。
他の方のブログのデザインを見て、検討なさってください。
私はまず「縮専」を用いて写真を縮小し、パソコンに保存してからアップロードしました。
その後、「プラグインの設定 / 新規追加」から、「上級者向けプラグイン」→「フリーエリア」と進み、小さくしてライブドアにアップロードした写真のアドレスを記入しています。



