画像をサイドバーに表示させる方法
前回の記事の続きとして、今回は保存した画像をブログのサイドバーに表示させる方法です。
FC2ブログ限定ですけど。
他のブログのシステムはわからないので…。 (´Д`;)
例としてスナグイットでおなじみ、Tech Smith(テックスミス)のトップページをサイドバーに表示してみます。
まず、表示したい画像を保存できたら、ブログの管理画面の【ツール】の【ファイルアップロード】で画像のデータをアップロードします。
ここまではブログの本文に画像を挿入するやり方と同じです。
で、
画像をアップロードしたら、ここの画像↓をクリックします。
開いた画面のここ↓のURL(ファイル名)をサイドバーに貼りつけるんですが…、
私は【リンクの設定】ではなく、
【プラグインの設定】を使っています。(編集しやすいため)
【プラグインの設定】の【公式プラグイン追加】をクリックして、
【拡張プラグイン】の【フリーエリア】の【追加】をクリック。
↓この場所に、
↓この画像のURL(ファイル名)をコピーして載せます。
こんな感じ。
ただ、このままだとブログで見たときに、
↓こうなっちゃうんで、
画像挿入のタグを入力します。
<img src="
http://blog-imgs-42.fc2.com/s/i/r/20101002111810f1c.jpg
">
画像のファイル名をタグで挟む感じです。
Tech Smith (←リンク先の題名を入力すると…)
<img src="
http://blog-imgs-42.fc2.com/s/i/r/20101002111810f1c.jpg
">
できた!!
…ように見えるけど、この画像と文字はどこにもリンクされていないので、
リンクのタグも入力します。
<a href="
http://www.techsmith.co.jp/home.htm(←リンク先のURL)
">
Tech Smith
<img src="
http://blog-imgs-42.fc2.com/s/i/r/20101002111810f1c.jpg
">
</a>
入力したあと【設定】ボタンを押すと、
完成です!!
わかりにくいところなかったでしょうか?
こんな感じです。↓
<a href="
リンク先のURL
">
題名
<img src="
画像のファイル名
">
</a>
↓段落にわけなくても大丈夫です。
<a href=" リンク先のURL "> 題名 <img src=" 画像のファイル名 "> </a>
↓この線は、
<hr>と入力したら出ます。
↓こんな感じ。
前回の記事でスナグイットの使い方(自己流)を書いたんですけど、
なんと!
スナグイットを販売をしているTech Smith (テックスミス)さんから操作方法のていねいなコメントをいただきました!!
以下そのコメントです。↓
スナグイットをご利用いただきありがとうございます。画像の保存方法ですが、実はいくつかあります。ですので、エクセルなど違うアプリケーションに貼り付けるなどする必要はありません。ご利用の目的からすると、画像ファイルを決まったフォルダーに保存する方法が必要だとおもいますが、それも自動的に行うことができます(マニュアルやソフト側のヘルプの説明が難しかったのかもしれません。申し訳ございません)。
一番便利な方法としては、お好みのプロファイルを作ってしまうことです。スナグイットのメインの画面にある「プロファイル設定」にある「出力」を選択、そして「プロパティ。。。」(出力のプロパティ)を選択していただくと、お好みのファイル形式、保存するフォルダーを指定すれば、いちいち保存しなくても指定されたフォルダーに画像ファイルを貯めることができますので、多くのブロガー様や画像編集されるユーザ様にご利用いただいています。設定方法のイメージは
http://www.techsmith.co.jp/tutorial-snagit.htm もしくは、
http://www.techsmith.co.jp/snagit9/build_your_own_capture/BuildYourOwnCapture.html
をご参考ください。
また、Print Screenボタンをスナグイットに設定すれば、いちいちスナグイットを立ち上げる必要もなくなります。
長いコメントとなりましたが、今後ともよろしくお願いいたします。
テックスミスさん本当にありがとございます!
やっぱり私のやり方は、
変なやり方だったんですね…。
(。´Д⊂ )
マニュアルをちゃんと読まなかった私がいけないんですけど…。
テックスミスさんのホームページはこちら。↓
Tech Smith
http://www.techsmith.co.jp/home.htm
スナグイットを使えば文字のリンクを残したまま画面をキャプできたりと、なかなか楽しいですよ。
にほんブログ村
人気ブログランキング
FC2ブログ限定ですけど。
他のブログのシステムはわからないので…。 (´Д`;)
例としてスナグイットでおなじみ、Tech Smith(テックスミス)のトップページをサイドバーに表示してみます。
まず、表示したい画像を保存できたら、ブログの管理画面の【ツール】の【ファイルアップロード】で画像のデータをアップロードします。
ここまではブログの本文に画像を挿入するやり方と同じです。
で、
画像をアップロードしたら、ここの画像↓をクリックします。
開いた画面のここ↓のURL(ファイル名)をサイドバーに貼りつけるんですが…、
私は【リンクの設定】ではなく、
【プラグインの設定】を使っています。(編集しやすいため)
【プラグインの設定】の【公式プラグイン追加】をクリックして、
【拡張プラグイン】の【フリーエリア】の【追加】をクリック。
↓この場所に、
↓この画像のURL(ファイル名)をコピーして載せます。
こんな感じ。
ただ、このままだとブログで見たときに、
↓こうなっちゃうんで、
画像挿入のタグを入力します。
<img src="
http://blog-imgs-42.fc2.com/s/i/r/20101002111810f1c.jpg
">
画像のファイル名をタグで挟む感じです。
Tech Smith (←リンク先の題名を入力すると…)
<img src="
http://blog-imgs-42.fc2.com/s/i/r/20101002111810f1c.jpg
">
できた!!
…ように見えるけど、この画像と文字はどこにもリンクされていないので、
リンクのタグも入力します。
<a href="
http://www.techsmith.co.jp/home.htm(←リンク先のURL)
">
Tech Smith
<img src="
http://blog-imgs-42.fc2.com/s/i/r/20101002111810f1c.jpg
">
</a>
入力したあと【設定】ボタンを押すと、
完成です!!
わかりにくいところなかったでしょうか?
こんな感じです。↓
<a href="
リンク先のURL
">
題名
<img src="
画像のファイル名
">
</a>
↓段落にわけなくても大丈夫です。
<a href=" リンク先のURL "> 題名 <img src=" 画像のファイル名 "> </a>
↓この線は、
<hr>と入力したら出ます。
↓こんな感じ。
前回の記事でスナグイットの使い方(自己流)を書いたんですけど、
なんと!
スナグイットを販売をしているTech Smith (テックスミス)さんから操作方法のていねいなコメントをいただきました!!
以下そのコメントです。↓
スナグイットをご利用いただきありがとうございます。画像の保存方法ですが、実はいくつかあります。ですので、エクセルなど違うアプリケーションに貼り付けるなどする必要はありません。ご利用の目的からすると、画像ファイルを決まったフォルダーに保存する方法が必要だとおもいますが、それも自動的に行うことができます(マニュアルやソフト側のヘルプの説明が難しかったのかもしれません。申し訳ございません)。
一番便利な方法としては、お好みのプロファイルを作ってしまうことです。スナグイットのメインの画面にある「プロファイル設定」にある「出力」を選択、そして「プロパティ。。。」(出力のプロパティ)を選択していただくと、お好みのファイル形式、保存するフォルダーを指定すれば、いちいち保存しなくても指定されたフォルダーに画像ファイルを貯めることができますので、多くのブロガー様や画像編集されるユーザ様にご利用いただいています。設定方法のイメージは
http://www.techsmith.co.jp/tutorial-snagit.htm もしくは、
http://www.techsmith.co.jp/snagit9/build_your_own_capture/BuildYourOwnCapture.html
をご参考ください。
また、Print Screenボタンをスナグイットに設定すれば、いちいちスナグイットを立ち上げる必要もなくなります。
長いコメントとなりましたが、今後ともよろしくお願いいたします。
テックスミスさん本当にありがとございます!
やっぱり私のやり方は、
変なやり方だったんですね…。
(。´Д⊂ )
マニュアルをちゃんと読まなかった私がいけないんですけど…。
テックスミスさんのホームページはこちら。↓
Tech Smith
http://www.techsmith.co.jp/home.htm
スナグイットを使えば文字のリンクを残したまま画面をキャプできたりと、なかなか楽しいですよ。
にほんブログ村
人気ブログランキング