2017年3月1日水曜日

GIMP バナーを載せよう!

GIMP 好きの ブログ 運営者の方々へ。 :) 。
GIMPサイト への リンク用バナー があるのをご存知でしたか?。
もし、差し支えなければ、 リンクを掲載して見ませんか。
gimp.org (公式ホームページ) の中のページにありますよ。


少し前に、 GIMP の公式ホームページ を訪れて、 発見しました。
そのトップページにリンクする バナー !。

    Linking to Us - GIMP Home Site
    https://www.gimp.org/about/linking.html

GIMP には、何かとお世話になっていますし、
GIMP に関する 投稿 も多い私 ShiroYuki_Mot です。
これは、是非、 うちの Blog にも 載せて置こう! と。

    こうして、 少し前から、 うちの Blog にも、
    右欄の下の方にバナーが加わっていました。.


2種類のものが紹介されています。
私は、最初のものを 採用! です。
こんな感じ。                あっ、 左にはブランクを入れて位置をずらしてあります。.
                        実際にクリックすると、ジャンプします。.

     Graphics by GIMP


紹介されていたコードが こちら。     注記あり。  後述。.

<a href="http://www.gimp.org/"><img alt="Graphics by GIMP"
src="https://www.gimp.org/images/gfx_by_gimp.png" border="0"
width="90" height="36" /></a>

そう、 Blogger で なら、
HTML/Javascript  を レイアウトに追加し、コンテンツに上記コード、タイトルを任意に設定します。


でも、 困った事が。                   前述の 注記 に相当。.
このコード、 現在表示されているページを上書きします。

平たく言えば、 このページで 上の画像をクリックすると、 このページが gimp.org のページに切り替わります。
私の書いたページは 無くなっちゃうのですね。
困った!。     でも ないか ... 。.


ですから、 上記のコードを少し手直しします。
別ページ(別タブ) で開く の状態にしましょう。

<a href="http://www.gimp.org/" target="_blank"><img alt="Graphics by GIMP"
src="https://www.gimp.org/images/gfx_by_gimp.png" border="0" width="90" height="36" /></a><br/>
<br />

変更したのは 赤い字 の部分、 "http://www.gimp.org/" の後に、 半角ブランク + target="_blank" です。
灰色の部分、 <br /> は 表示位置(縦方向) 調整の為 ですので、 不要なら削除して下さい。



そして、 上の画像は 自由に使っても良い旨の記載があります。
この画像の場合、 URL は  https://www.gimp.org/images/gfx_by_gimp.png  です。  2017/03/01 現在。.
今は、この、URL ですが、 将来的に変更になった時、 参照している画像は正常には表示されなくなります。
ファイル名はそのままでも、 サイトのフォルダ構成を弄るケースがあり、
その場合には、完全パスの変更になる為、 URL 変更に該当します。
ご自分の Blog のサーバーに 画像のコピー をアップロードして、 これを防いでも良い旨の記載もあります。

この対応を取った場合には、
HTML コードの 画像参照 部分を、 ご自分のサーバー上の名称に 変更 する必要があります。
  gfx_by_gimp.png の ファイル名 部分 は 変更しない方が良いでしょう。.



0 件のコメント:

コメントを投稿