ノルウェージャン2ひき + ラガマフィン1ぴき + ときどきお-ちゃんの記録にっき
スポンサーサイト
--年--月--日 (--) | 編集 |
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

へ~んしんっ!!
2008年05月04日 (日) | 編集 |
カレンダーどおりの連休で帰宅したおっと。
3兄弟(TJO)の話からBlogの話になって、
「初めて見に来た人には(ランキングのボタンが)わかんないよ。
 どうせなら もっとわかるようにしたほうがいいよ」って。

ん~・・ じゃ、変えてみるか?   ってことで、
マウスを乗せると「へ~んしんっ!!」する ロールオーバーにしてみた。






【1】 2枚の画像を用意しよう

 
( ぢる的には 2枚は同じサイズの方がいいかなぁ・・と )


  

【2】 それぞれアップロードし、URLを獲得(?)




【3】 タグに当てはめてみよう

<img src="最初に表示する画像のURL" onmouseover="this.src='マウスが重なった時に表示する画像のURL'" onmouseout="this.src='マウスが離れた時に表示する画像のURL'"



完成:マウスを乗っけてみてね





【4】 リンクを張ってみよう

|同窓で表示|
<a href="リンク先のURL">【3のタグ】 width="画像横幅" height="画像縦幅" border="0" alt="マウスを乗せたときに表示されるコトバ" /</a>


|別窓で表示|
<a href="リンク先のURL" target="_blank">【3のタグ】 width="画像横幅" height="画像縦幅" border="0" alt="マウスを乗せたときに表示されるコトバ" /</a>


  ※  の位置に注意。
  ※ < や > は、 <  や  > に 全て置き換えてくださいね。












知ってる人には なんてこたぁ~ないもんなんでしょうが、
知らない人には (ほぉ~・・・)って感じ?
(私もblogでは初めて使ったので後者の方でした。 間違って・・ないかな  )


昨日は出かけてて TJの写真もないの。   こんな記事でごまかし? 





追記 :↓のランキングボタン、変更しました。 
       ポチる前に1度マウスを外して見てね   3枚目の画像が出てくるよ!



  にほんブログ村 猫ブログ ノルウェージャンフォレストキャットへ  

コメント
この記事へのコメント
まさにおぉ~~です。
おどろきおどろき!!
ぢるさんいろいろ工夫していらっしゃるんですね~。
素晴らしいポチバナーですよ~。
スゴイスゴイ (*´▽`V=人☆パチパチ
勉強になりましたぁ~。
2008/05/04(日) 15:45:18 | URL | el-mar #5s0xtFUQ[ 編集]  ・・・最新記事へGo ! ▲  
すごい、おもしろい!
これって、ペログーでも、できるのかな。
私もやってみようかな。
ちなみに私は「3」までは理解できたけど
「4」は、意味が分からないですー。
同窓、別窓というのが・・・
そんなんでも、できるかな~(笑)
2008/05/04(日) 17:03:17 | URL | まきっころ #-[ 編集]  ・・・最新記事へGo ! ▲  
頑張ってMさんシャンプーしました~~(涙)。
へろへろにつき、ポチ逃げでごめんなさいなのぉ!!
2008/05/04(日) 18:30:28 | URL | Chocolat #vAGFpJJs[ 編集]  ・・・最新記事へGo ! ▲  
旦那様も戻られておーちゃんも大喜びでしょうね^^
明日のこどもの日も楽しくすごせますね~♪
私もロールオーバーを教えていただいたとき「おもしろ~い」って
思って何度か使ってます^^昨日もちょうど使ってましたね(笑)
どんなバナーかな~って見たらっ!!すっごい出来ですね!
歩き方と自己紹介も配置されてて至れり尽せりですよ~♪ ぐぅ~っ(笑)
右上にあるやつは大迫力です☆
2008/05/04(日) 20:02:32 | URL | みう #F22A.tdY[ 編集]  ・・・最新記事へGo ! ▲  
オォォーーー!! w(゚ロ゚;w(゚ロ゚)w;゚ロ゚)w オォォーーー!!
素晴らしい!!すごいですよv-218
これって・・・私でもできるかな・・・なんかね、タグっていうだけでもう脳内アドレナリンがでまくりなんですけどぉぉぉ@笑
バナーめっさ素敵ですv-257
2008/05/04(日) 22:07:25 | URL | barai #CofySn7Q[ 編集]  ・・・最新記事へGo ! ▲  
高速ポチ逃げお許しを(/_<。)
2008/05/04(日) 23:18:36 | URL | ねこばか #jhC0J7jE[ 編集]  ・・・最新記事へGo ! ▲  
これは目立ちますね~。
そのまま勢いでクリックしちゃいますよきっと。
自分もやってみようかなぁ~。
でもめんどくさがりですからね~。
今度にしよう・・・。
2008/05/04(日) 23:41:12 | URL | やらいちょう #b5.M5V.g[ 編集]  ・・・最新記事へGo ! ▲  
おおっ!これなら目立ってわかりやすいですよ~!
ジェリー君、指名手配犯ですか(笑)。
この顔にピンと来たらクリックしなきゃ。
昔ウェブデザインの講座に通っていたけど・・・もうすっかり忘れちゃったなぁ。
2008/05/05(月) 01:40:29 | URL | 善吉 #.cD41IGc[ 編集]  ・・・最新記事へGo ! ▲  
今日は先ポチでっすv-222
2008/05/05(月) 09:24:27 | URL | barai #CofySn7Q[ 編集]  ・・・最新記事へGo ! ▲  
このやり方って、どのブログでも関係なく使えるのかな??
って、しまった!私、バナーそのものの作り方がわかってないんだった!!
バナーの画像はできても、ブログ村とリンクできないんです(爆)なんでだろ~。
こんなに可愛いのが作れるようになるといいな~。
2008/05/05(月) 09:38:36 | URL | Rae #-[ 編集]  ・・・最新記事へGo ! ▲  
すごい~!!
日々進化して行く・・・・
どう読んでも頭が痛くなるんですが・・・・・・
う~ん、もう一回頭を冷やして読んでみます。
こんなのが作れたらいいなあ。
2008/05/05(月) 09:51:44 | URL | dino #ma6QW5LA[ 編集]  ・・・最新記事へGo ! ▲  

v-343 el-marさん
 
 なんかさぁ・・ 記事の最後につけたランキングボタン・・
 指名手配のポスターっぽくなっちゃったなぁって思ったから
 ちょっと変更してみたよ。
 どかな?(苦笑)。
 
2008/05/05(月) 10:41:40 | URL | ぢる⇒ el-marさん #41Gd1xPo[ 編集]  ・・・最新記事へGo ! ▲  

v-343 まきっころさん

 ペログーで試したけど・・ ダメだった(泣)。
 
 同窓⇒現在見ているページにリンク先が表示される
 別窓⇒現在見ているページはそのままで、別の窓が開いてリンク先が表示される
 ってことです。
 ↑の、記事最後に3つのリンクボタンがあるけど、
 真ん中のランキングボタン(トムさん写真のやつ)は同窓で開きます。
 その両脇の「TJの歩き方」とかは別窓で開きます。 よかったら試してみて?
 
2008/05/05(月) 10:43:23 | URL | ぢる⇒ まきっころさん #41Gd1xPo[ 編集]  ・・・最新記事へGo ! ▲  

v-343 Chocolatさん
 

 マロンくんのシャンプー、お疲れさまー! モデルにゃんの準備はOkだね♪
 お疲れで、まだ首も痛いっちゅーのに わざわざ申しワケぬです~。

2008/05/05(月) 10:44:12 | URL | ぢる⇒ Chocolatさん #41Gd1xPo[ 編集]  ・・・最新記事へGo ! ▲  

v-343 みうさん
 
 おっと、家に居るときは寝てばっかだけどね~(汗)。
 今日はお-ちゃん、魚釣りに連れてってもらったよ(収穫は・・聞かないで 苦笑)
 明日も行くらしい。

 うんうん、みうさんちでもくろちゃんとてんちゃんが(笑)。
 ↑のんはさ・・ なんか指名手配のポスターみたいだな~って思って・・
 ちょっと変えてみた(苦笑)。
 右上のんは やらいちょうさまさまだよ~♪

2008/05/05(月) 10:45:20 | URL | ぢる⇒ みうさん #41Gd1xPo[ 編集]  ・・・最新記事へGo ! ▲  

v-343 baraiさん
 

 もちろんできますよ~!
 ↑のタグをコピペして、< を < に直して、画像URLに入れ替えるだけだから♪
 (' とか " なんかを間違って消さないようにね)
 ただ、ブログの形式(?)によってはロールオーバーしないところもあるみたいです。
 少しお時間があったらば 一度試してみる??

 おぉ。 裏で今日の記事をこさえてる間に来てくださったのね!
 ノロノロしててごめんです(汗)。

2008/05/05(月) 10:47:43 | URL | ぢる⇒ baraiさん(2コメぶん) #41Gd1xPo[ 編集]  ・・・最新記事へGo ! ▲  

v-343 ねこばかさん
 
 あぅあぅ・・ お忙しいのにわざわざありがとうねぇ(陳謝)。
 
2008/05/05(月) 10:48:49 | URL | ぢる⇒ ねこばかさん #41Gd1xPo[ 編集]  ・・・最新記事へGo ! ▲  

v-343 やらいちょうさん
 
 今まで家宝としてカテゴリー内で眠っちゃってたけど
 右上でバーン!と使わせていただきました(感謝)。 いつでも見られます♪

 >でもめんどくさがりですからね~。
 いや~、よく言うわ! あ~んなステキな画像を作っておられるのにっ!
 コピペでちょちょい ですよ。
 
2008/05/05(月) 10:49:28 | URL | ぢる⇒ やらいちょうさん #41Gd1xPo[ 編集]  ・・・最新記事へGo ! ▲  

v-343 善吉さん
 
 善吉さんは指名手配ポスターもどきに変えてから見てくれたのね!
 (最初は1枚目の絵に戻ってたやつなんだけど、途中で変更したの 苦笑)
 日替わりとまではいかないけど、ときどき絵を変えてみようかと。

 おぉ! 善吉さんってお勉強家ー! 記憶を呼び戻して、いろいろ教えてよ~!

2008/05/05(月) 10:50:05 | URL | ぢる⇒ 善吉さん #41Gd1xPo[ 編集]  ・・・最新記事へGo ! ▲  
v-343 Raeさん
 
 いや・・ やれないところもありみたいです(ペログーは出来んかった・・)
 
 >ブログ村とリンクできないんです

<a href="http://cat.blogmura.com/nfc/"><img src="http://cat.blogmura.com/nfc/img/nfc88_31_lightred_2.gif" width="88" height="31" border="0" alt="にほんブログ村 猫ブログ ノルウェージャンフォレストキャットへ" /></a>
↑これが今、Raeさんちでつかってるピンクのポチバナーのタグ。

2段目のhttp://~.gifまでの青文字にRaeさんが作った画像をアップロードしたURL、
ピンク文字に画像のサイズと入れ替えればできると思うよ。
(1段目の青文字もリンクされちゃうからこの色になっちゃった、
 よけいわかりにくくなっちゃった? 汗)
 
2008/05/05(月) 10:59:42 | URL | ぢる⇒ Raeさん #41Gd1xPo[ 編集]  ・・・最新記事へGo ! ▲  

v-343 dinoさん

 【1】問題ないね(笑)。
 【2】画像のアップはいつもBlogでしてるからOkでしょ?
 【3】タグをコピペ → <を<に置き換える → 【2】で獲得したURLと差し替える
 【4】これも↑同様:タグをコピペして、画像サイズなんかを入れ替えたら・・。

ちゃんと勉強するには言葉の意味を知ったほうがいいんだろうけど、
私もそんなことはムリなんで、なんとな~く薄っぺら~くしかわかってません(苦笑)。
タグも毎度打ち込んでるわけではなく、コピペ+文字列の入れ替えでだよ~。
だからお時間さえあればできるよ!

2008/05/05(月) 11:06:44 | URL | ぢる⇒ dinoさん #41Gd1xPo[ 編集]  ・・・最新記事へGo ! ▲  
コメントを投稿する
URL:
Comment:
Pass:
ないしょの話: ぢるにだけ表示を許可する
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。