ジャックラッセルテリア サクラと、 なんちゃって黒ラブ ワーブ  何だか迷惑掛けてます。

だいじょうぶだよ、サクラ。

.

スポンサーサイト

  1. --/--/--(--) --:--:--|
  2. スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

オリジナルバナー製作  その3

  1. 2008/08/30(土) 06:19:50|
  2. オリジナルバナーを作ろう!
  3. | トラックバック:0
  4. | コメント:10
画像にリンクを設定する。

実は今回一番手間取ったのがこの作業でした。頭が固くなってるのですね。

結局、いまいちタグってナンなの?と、解らずじまいで、FC2の管理画面を下書きにして記事を保存しながら確認すると言う作業を繰り返しながら見つけました。
しかし、逆に言うと、解らんなりにタグは貼れると言う事です。

どのブログサイトでも行けるのかも解らないのですが、男なら黙って
<a href="リンク先のURL"><img src="画像の場所"></a>を使用して下さい。

勿論 リンク先のURL、画像の場所は消して入れ替える訳です。  解りますよね?

それでは、始まり 始まり。


1、 まずは、「画像の場所」を作ります。ブログにいつも写真をアップロードしてる要領で前回までに作った画をアップロードします。  これで本棚に収まったわけです。  写真を直接右クリックで、



2、 ショートカットのコピーを選択して下さい。 

20080826 の映像 058_u20020080826 の映像 059_u200




3、 いつも記事を書いてる画面に落として行きます。

4、 もう一つ必要な「リンク先のURL」を取りにランキングサイトのバナーのページに行きます。  なるほど、ジャック・ラッセル・テリアの住所はココだな・・・  コピーします。
先ほどと同じ様に記事を書く画面に落とします。

20080826 の映像 060_u20020080826 の映像 061_u200

5、 間違って記事を更新したらマズイので、必ず「下書き」にチェックを入れて作業して下さいね。
この辺わかり辛いかな?  下で特化して追記します。

6、 確認画面にスグに反映されないので、記事を保存しながら確認します。  
ドキドキしますね。  クリックしてランキングに飛びますか?
飛べばそれで出来上がりです。   おめでとう御座います。


20080826 の映像 075_u20020080826 の映像 077_u200

7、  いちいちココに取りに来る訳にも行かないので、スタートからメモ帳に行って、

8、 ディスクトップに出しときましょう。

20080826 の映像 091_u20020080826 の映像 093_u200

9、 これで本当の出来上がりです。  本当に使えるか管理画面で確認出来たら、下書きの記事は消して良いです。  ご苦労さま。

20080826 の映像 095_u200





タグ打ち込み詳細 0023~6にかけて、もしかしたら「解んない」と言う人の為に追記します。 よくブログ開設できたもんだな?

イイですか?必ず記事は下書きにしてくださいね。







学校のセンセが黒板に書くみたいに、キチンと並べて画面に落とします。
(素人が間違いなく作業できる様にと言う意味で、同じ画面に並べなさいと書いてる訳で、解ったと言う人はこの限りで無い)
真ん中のタグの列はキーボードで打ってね。


タグ打ち込み詳細 006zz

 どっちからでも良いのだけれど、画像から行きますね。 1、ドラッグして 2、Deleteキーで消してから、 ” と ”の間に正確に上の画像の場所をコピーして入れて下さい。

失敗した時に、何処が悪いか解らないだろうから、必ずコピーで証拠を残しながら進んでね。

(追記1) Deleteキー使わんで良いと「かずやさん」からの指摘で試してみたら、あら、ホント。
簡単やんか。  以下そのまま引用。

①コピーしたいURL(文字)を、ドラックして青く反転させ、反転した所の上で右クリック、コピー

②挿入した居場所にある文字(記事では、リンク先のURLと、画像の場所)を、ドラックして青く反転させて、反転した所の上で右クリック、貼り付け


タグ打ち込み詳細 010zzタグ打ち込み詳細 012zz

同じ様に「リンク先のURL」を消してから画面中 下列に並べたランキングの住所を入れますが、注意するのは、この住所は、単体で出来上がったものですので、犬で言うと、頭と尻尾が付いた状態なんですね。 一つの体に頭と尻尾が二つあるとマズイですから、外します。  
かえって解り辛い説明かな?

兎に角、上の 画像にリンクを設定するタグ列とジックリ見比べて記号がダブらない様にします。
40歳以上は老眼鏡を準備ね。



タグ打ち込み詳細 023zz


これでどうだ? と、確認したら・・・

失敗してるやん!

タグ打ち込み詳細 026zz

原因は必ずありますよ。
ジックリ捜して下さいね。 その為にわざわざ並べてのですから・・・
外した筈の犬の頭が付いてました。  これを消したら上手く出来ました。

タグ打ち込み詳細 030zz


オマケのオマケ、細かい作業の時は 1、Shiftキーと 2、→キーを使いますと、巧く行くんだなぁ。


タグ打ち込み詳細 031zzタグ打ち込み詳細 032zz


3回に分けて掲載しました今回の企画は如何でしたか?  君のは犬ブログじゃないからなぁ~なんて声もチラホラですが、自分が苦労したものですから、他にも苦労してる人も居るだろうな?って思いました。

中高年で初めてパソコン触った人(ワシがそうです)の視点で書いて見ましたが、サクサク行く人から見たら可笑しいかも知れないですが、ここは変だと言う所有りましたら教えて下さいね。

バナーなんて興味無い人も、ブログのテンプレートのカスタマイズの足掛かりなんかにもなるかな? なんて思います。

退屈だった人、ゴメンなさい。  誰かの役に立てば良いのだけれど・・・

(追記2)
コメント欄に戴いてるけど、タグの説明はこっちの方が判り易いので、表に持って来ました。
以下引用。

このバナーつくりでは、2個のタグを使っています
<a href="リンク先のURL"><img src="画像の場所"></a>


<a href="リンク先のURL"></a>
↑これは、リンクしなさいというタグ

<img src="画像の場所">
↑これは、画像を表示しなさいというタグ

この2個のタグの組み合わせになります。

(有難う)


何位なのかな? 久し振りに記事を書く事だけに集中してしまった。  ま、低レベルのオタクって事で。

スポンサーサイト

<<残念なクイズ。 | BLOG TOP | オリジナルバナー製作  その2>>

comment

  1. 2008/08/30(土) 07:23:40 |
  2. URL |
  3. タハ母
  4. [ 編集 ]
おはようございます。
もうだめ!途中で投げ出してはいけない・いけないと思いつつ「?・・」

いつか分かるさと慰めつつコメント欄に移りました次第です(^^)

お疲れ様でした

  1. 2008/08/30(土) 09:30:24 |
  2. URL |
  3. かずや
  4. [ 編集 ]
リンク先のURLを挿入するところですが、Dereteキーを使わなくても出来ますよ

①コピーしたいURL(文字)を、ドラックして青く反転させ、反転した所の上で右クリック、コピー

②挿入した居場所にある文字(記事では、リンク先のURLと、画像の場所)を、ドラックして青く反転させて、反転した所の上で右クリック、貼り付け

これで、1手間減りますよ(笑



このバナーつくりでは、2個のタグを使っています
<a href="リンク先のURL"><img src="画像の場所"></a>


<a href="リンク先のURL"></a>
↑これは、リンクしなさいというタグ

<img src="画像の場所">
↑これは、画像を表示しなさいというタグ

この2個のタグの組み合わせになります。

  1. 2008/08/30(土) 13:48:26 |
  2. URL |
  3. 小梅はは
  4. [ 編集 ]
むむむむッ・・・・むずかしいッ・・・(汗)
以前から(きっとお若い)皆様がやっている、あんなことやらこんなことやらに
憧れておりましたが、まるでアナログ人間の私にはやり方の手がかりさえ見つからず・・・・
いやいや、これは絶好のチャ~~ンスッ!と、しかと読ませていただきました。
「その2」まではなんとか理解できた気はしたのですが・・・・
「その3」は、そもそも言葉の一つ一つがチンプンカンプンッ!
一度頭を冷やしてから、ゆっくりもう1度読ますわッ・・・・(ダメかもッ・・・)

  1. 2008/08/30(土) 21:45:17 |
  2. URL |
  3. ボズ
  4. [ 編集 ]
タハ母さんへ。

物事にはタイミングと言うものが有りますね。
本当に必要になった時に思い出して読んで下さいね。

画に対する好みの問題も有りますが、「その2」は汎用性の高い記事になったのではないか?と、思ってます。

書きっ放しと言う気は無いので、各画面ナンバーを入れたので、此処でとまってると言う所が有れば、連絡下さいね。 追記なり電話なり、直接会うなりして、ワシの知ってる事は伝授致しますよ。
まぁ、この記事事態がワシの一方的なものなので、貴方のタイミングでトライすれば良いじゃないか?と思うのです。



かずやさんへ。

色々有難うね。 ホント、苦手分野だから少しでも詳しい人から何か反応あると嬉しかったな。
お陰でなかなか良い記事になったんじゃない?と言うレベルになったんではないですか?

小梅ははさんへ。

  1. 2008/08/30(土) 22:14:53 |
  2. URL |
  3. ボズ
  4. [ 編集 ]
ブログサイトの違いで、幾らか作業に違いが出るかと思いますが、基本的な作業はこれでいけると思ってます。

ブログも一年続けると、何でか力も抜けますが、新しい事にチャレンジするのも良いですね。
質問受け付けてますよ。  ワシが答え無くても誰か答えるでしょう。
何が判らないかも、解らないと言う状態じゃ無ければ行けます。

それより、3位争い?をしてる人から普通にコメント貰える事は嬉しいです。
ワシもこだわらない人間なので、何だかホッとしてるんです。  有難うございます。

できちゃいましたよ

  1. 2008/08/31(日) 16:54:54 |
  2. URL |
  3. もや
  4. [ 編集 ]
また作ろっとヽ(´▽`)/

私も画像をどこにUPするかでちょいと悩みました。
自分のHPのファイルの中に忍ばせようかな~と思ったけど
まてよ!?ボズさんHPもってないのにできてるんだから
何か別の方法があるはず…と考えてわかりました!

答え合わせしたら正解だった(n‘∀‘)η ヤァーッホォー

もやさんへ

  1. 2008/08/31(日) 20:05:10 |
  2. URL |
  3. ボズ
  4. [ 編集 ]
ああ、そうか・・・何処に保存しとけば良いかが解り難いか?  もやさんはもともとHP持ってるからわかり難かったかな?

ブログサイト一本の人は判り易いと思うのだけど・・・
タグとか言葉に惑わされるのでしょうか?
何にも考えないで、この通りやれば出来ると思うのですが、それはワシの考えであって、何処の説明がマズイのか教えて貰えれば嬉しいです。

もやさんの、良い出来です。センスの部分はマネ出来ないですが、勉強にはなります。
ワシも嬉しいな。

  1. 2008/09/01(月) 00:13:08 |
  2. URL |
  3. [ 編集 ]
ボズさん、タグを使ってやってたんですか? すごいなぁ。

画像の裏に画像を貼るのも同じでできるはずですよ。
<a href="リンク先のURL(クリックしたときに出てくる画像の場所)"><img src="画像の場所"></a>じゃなかったかしら?

そちらのブログにも、クリックするだけでタグを自動で貼ってくれる機能があると思いますよ。

  1. 2008/09/01(月) 11:14:36 |
  2. URL |
  3. ボズ
  4. [ 編集 ]
コメントの内容はネコさんか?へ。

ええっ?自動で貼って呉れるんですか?
FC2はテンプレートをいじれる自由度は高いのですが、ユーザーが自力でHTMLタグを勉強する必要があるのですよ。
だから、テンプレートいじらない人は全く触らないでしょ?

  1. 2008/09/01(月) 23:56:23 |
  2. URL |
  3. ねこおばさん
  4. [ 編集 ]
ごめん、上のコメントはネコです。
寝とぼけたんかなぁ、わが名を忘れるなんて…。
HTMLタグは<center> は自分で打ち込んでますね。
あとは文字の色が少ないので、好きな色を自分で打ち込んだりとか。
情報交流プラザでHTML入門講座が以前あったときにちょこっと習ったの…。
でも、ほとんど忘れちゃってますね…。

 管理者にだけ表示を許可する
 

trackback





上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。