ブログランキング画像/マウスを近づけたら画像が変わる設定とは?マウスオーバーの仕方

この記事の読了時間は約 2 分です。

この記事は

・ランキングボタンをオリジナルなものにしたい!
・どうせなら動きもつけてみたい

という あなた のための記事です。

ちびちゃんび
はいさい!ちゃんびです
♪今日は、ランキング設置をしている人向けに、こうやったら、ランキング応援してもらえるよ!
という、ちょっとしたテクニックをご紹介します~

↓マウスを近づけてみてね



ずっと平社員の国吉さん
へえ。
そういうの、できるんだ・・・
ちゃんびさんてさ
動くの好きだね。

↓こんな記事とかさ↓

アニメーションプラグイン/Shortcodes Ultimateの全61種類!?一挙公開

ブログを個性的に!WordPressでアニメーションを入れる方法

ちびちゃんび
ばれた?

マウスを近づけたら画像が変わる設定/マウスオーバー

ちびちゃんび
ちょっとだけ
てこずったけど、法則がわかれば、10分でできるよ。
ただ、タグの勉強にもなるから、やってみてね。

 

ずっと平社員の国吉さん
ということは。。
画像を2つ用意したらいいってことだね。

 

ちびちゃんび
そうだべ?
んで。GIMPをつかえば、簡単だしょ?

ずっと平社員の国吉さん
いきなり東北弁?

ちびちゃんび
そしてね。
onMouseOverっていうタグの意味は
マウスを近づけたら・・・って意味で・・

onMouseOutっていうタグの意味は
マウスを放したら・・って意味らしいよ

ずっと平社員の国吉さん
へ~
そーなんだ!

ちびちゃんび
それでさ。
マウスを近づけたときのURL画像の前に
シングルコーテーション
これ→「’」

があるんだよ。これを入れるのが難しかった・・
コピペすればいいけど、消しちゃったり?
場所間違えたり・・

最後の画像にはにはシングルのあとにダブルがあるんだよ。。

間違えそうだよね?

ずっと平社員の国吉さん
へ~
でも、できてよかったね。

ちびちゃんび
うん。

うれし~なぁ。

動きを入れるとなぜか目が行く

ちびちゃんび
そしてね。
動きがあるブログってね。
なぜか、そのアニメーションの下にある文字を見るって傾向があるらしいよ。

だから、アニメーションって重要なんだって♪

そして、滞在時間を長くするって効果もあるらしいよ。

どっかの本でよんだんだ!

ずっと平社員の国吉さん
へ~
ぼくは、そこまで重要視していなかったけど
タグの勉強になるんだったら、
少しやってみようって思うよ。。

ちびちゃんび
その調子だ!
わーい♪
仲間が増えた♪

そしてね。びっくりしたんだけどさ。。
ちょっと試しにってレビューでみるさあね。
そのときは、ちゃんとマウスオーバーされていたのにさ。

その次にみると、また元通り?
になっていたんだよ~まったく!!
このマウスオーバー一回設定したら、
もう一回編集ってしないほうがいいかも。

最後に「公開」ってするタイミングで

設定してくださいね。
私は毎回メモ帳でコピーして、
貼り付けるようにします♪

 

参考になったらポチッとお願いします(マウスオーバーで・・)




 

2 Responses to “ブログランキング画像/マウスを近づけたら画像が変わる設定とは?マウスオーバーの仕方”

  1. トシカズ より:

    ちゃんびさん、はじめまして、トシカズと申します。
    初めて訪問し、凄いこと教えてもらいました!
    私も試してみますね。有難うございます。
    また、訪問させて頂きますね!応援していきます。

    • channbi より:

      トシカズさん
      こんにちは!

      ぜひ試してくださいね。
      応援もありがとうございます。

コメントを残す

CAPTCHA


このページの先頭へ