fc2ブログ

画像をサイドバーに表示させる方法

前回の記事の続きとして、今回は保存した画像をブログのサイドバーに表示させる方法です。

FC2ブログ限定ですけど。

他のブログのシステムはわからないので…。 (´Д`;)



例としてスナグイットでおなじみ、Tech Smith(テックスミス)のトップページをサイドバーに表示してみます。
image014.png



まず、表示したい画像を保存できたら、ブログの管理画面の【ツール】の【ファイルアップロード】で画像のデータをアップロードします。
image001.png

image002.png



ここまではブログの本文に画像を挿入するやり方と同じです。



で、



画像をアップロードしたら、ここの画像↓をクリックします。
image003.png



開いた画面のここ↓のURL(ファイル名)をサイドバーに貼りつけるんですが…、
image004.png



私は【リンクの設定】ではなく、
image005.png



【プラグインの設定】を使っています。(編集しやすいため)
image005-2.png



【プラグインの設定】の【公式プラグイン追加】をクリックして、
image006.png



【拡張プラグイン】の【フリーエリア】の【追加】をクリック。
image007.png



↓この場所に、
image008.png



↓この画像のURL(ファイル名)をコピーして載せます。
image004.png



こんな感じ。
image009.png

ただ、このままだとブログで見たときに、

↓こうなっちゃうんで、
image011.png



画像挿入のタグを入力します。

<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
">




できた!!
image012.png



…ように見えるけど、この画像と文字はどこにもリンクされていないので、



リンクのタグも入力します。

<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>




入力したあと【設定】ボタンを押すと、
image013.png



完成です!!
image015.png



わかりにくいところなかったでしょうか?

こんな感じです。↓

<a href="
リンク先のURL
">
題名
<img src="
画像のファイル名
">
</a>



↓段落にわけなくても大丈夫です。

<a href=" リンク先のURL "> 題名 <img src=" 画像のファイル名 "> </a>



↓この線は、
image016.png

<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
image014.png 


スナグイットを使えば文字のリンクを残したまま画面をキャプできたりと、なかなか楽しいですよ。


にほんブログ村 美容ブログ 歯列矯正へ
にほんブログ村

人気ブログランキングへ
人気ブログランキング
プロフィール
ニックネーム:アフロ
歯列矯正はじめました。
笑顔のステキなナイスガイ目指して現在奮闘中。
趣味:釣り、スノーボード、家庭菜園
全記事表示リンク

全ての記事を表示する

矯正費用&治療費
カテゴリ
最新記事
カレンダー
09 | 2010/10 | 11
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -
月別アーカイブ
ランキングボタン
リンク
矯正歯科
審美歯科
インプラント
歯周病
ブログ内検索フォーム
歯科グッズ
歯列矯正の本
ランキング