ブログに貼ったリンクをピョコピョコ動かす方法

ブログに貼ったリンクをピョコピョコ動かす方法

 

ネットサーフィンして、いろいろなサイトを見ていると

 

ありますよね。

 

文字や画像がピョコピョコっと動くやつ。

 

マウスのカーソルを合わせたときにです。

 

リンクなんですよね。

 

そういうとき、ついついクリックしてしまっているのでは?

 

 

私のこのブログでも

 

私のアバターをはじめ、クリックできる文面には、その仕掛けを入れています。

 

 

その仕掛けとは、

 

こちら の HTMLタグを <head> 〜 </head>の間に入れるだけです。
場所は、<head> 〜 </head> の間だったら、どこでもかまいません。

 

<style type="text/css"> <!-- a:hover {position:relative; top:2px;left:2px;} -->
</style>

 

 

シリウスでは、「編集」メニューの中にある HTMLテンプレート
直接、挿入することができます。

 

コピペして入れてみてください。

 

入れてアップロードすれば、
今まで動かなかった文章や画像のリンクが、カーソルを置くと浮き沈みする感じで動きますよ。

 

 

 

あっ、このタグをシリウスのHTMLテンプレート画面に入れた時、
注意することがあります。

 

まあ、このタグに限らず、どんなHTMLタグを入れてもいえることですが、

 

それは・・・

 

テンプレートを変えないことです。

 

テンプレートを変えたら
HTMLテンプレート画面の中身がリセットされます。

 

そうです、追加入力したHTMLタグは消えてしまうんです。

 

 

「ん!? そんなこと言うってことは、お前、やっちゃったのかあ?」

 

するどいですね。

 

はい、やっちゃいましたぁ (笑)

 

 

記事のタイトルバーに矢印のつく
デフォルト・タイプのテンプレートに変えてみようかと思ったんです。

 

結局、やめましたけどね。(笑)

 

 

 

それともうひとつ。

 

同じくシリウスの「編集」メニューにあるスタイルシート画面も同じですよ。

 

 

こちら の記事で紹介している内容は、
シリウスのスタイルシート画面にちょっとしたHTML構文を追加するんですが、
追加したあと、
ブログのカラーを変えてみようとかで、テンプレートを変更したりしたら、
追加したHTML構文は消えてしまいますからね。

 

 

気をつけてくださいね。

 

 

 

あっ、私のチョンボ話で話が横道に逸れてしまいましたが

 

 

こうして、ピョコピョコ動くことで
文面や画像がリンクであるということが一発でわかりますから
クリック率のアップが見込めます。

 

HTMLタグの中にある 2px という部分の数字を大きくすると、
リンクの動く幅も大きくなります。

 

試してみてください。

 

 

 

ということで、今日は

 

シリウスで作ったブログ、ホームページのリンク箇所が動く仕掛けの話をしましたが
今回、ご紹介したことは、トップページに貼ったリンクについてです。

 

やっぱり、トップページだけでなく、どのページに行っても
そこにあるリンクに同じような仕掛けをつけたいですよね。

 

 

ハイ、いろいろ調べてみます。

 

 

わかったら、お伝えしますね。

 

 



*-----------------------------------------------------------------------------------*

   最後までお読みいただき、ありがとうございます。
   記事が少しでも参考になれば幸いです。

                  ブログランキング・にほんブログ村へ    

関連ページ

電光掲示板の文字配置について
電光掲示板のメッセージって、誰でも足を止めてでも見入ってしまいますよね。文字が横や縦に流れているから否応にも目につき、目を離してしまうと何のメッセージだかわからなくなってしまう。そんなメッセージの設置をあなたのサイトやブログに設置しませんか?
HTML構文をそのまま記事として載せるためには・・・
HTML構文をブログやメルマガ上で紹介している人なんて、まずいませんが、もし、紹介する場合、構文をそのまま書いてもサイトに反映されるのはHTMLの結果であり、構文が反映されるわけではありません。では、どうすればHTMLの構文をそのままサイトに出すことができるのか? それは < > だけをいじくればOK。 その方法とは・・・
点滅 - イヤでも人の目を奪う文字装飾 -
チカチカ・・・・ピコンピコン・・・・ウルトラマンのカラータイマーじゃありませんが、「点滅」って、どうしても目がいってしまいますよね。あなたのブログやホームページで「点滅」させてみたい!というメッセージがあったら、ここでご紹介する仕掛けを試してみてください。
電光掲示板 - 流れるメッセージをあなたのサイトに -
あなたのブログやホームページに、これは見逃してほしくない!という大事なメッセージあると思います。そのようなメッセージは、どのようにして目立つようにしていますか?蛍光ペンやマーク・目印をつけたり、様々な表現方法がありますが、電光掲示板タイプはいかがでしょう。その仕掛けはこちら。
文章の背景枠を設置する - 縦・横サイズ 自由自在 -
ブログの記事を書いていて、ある文章のひとかたまりを枠で囲いたい時があります。これをシリウスで行なうと横幅が目一杯固定されて設置されます。中身の文章が短いと右側に結構なスペースができてしまいます。でも必要な部分だけ枠付けする方法があるんです。コチラから。
サイトの内窓、外窓って何?
ブログやホームページを閲覧中、そこに貼り付いているリンクをクリック。そして、そのリンクの画面を見終わったから 閉じようとXボタンをクリック。そのとき 「あっ!」 それまで見ていたブログ、ホームページまで閉じちゃったぁ〜という経験ないですか?ありますよね? そうならない手があるんです。こちらを。 こんな経験ないですか?
改行したのに改行してくれない理由
「あれ?改行したのに何で改行されてないの?」 テキスト入力エリアに文章を打ち込んだときにそう思ったことありませんか? その理由は、そこの入力エリアがHTML構文モードになっているからなんです。 え!?あのゴチャゴチャした記号と英字をいれなきゃいけないってこと? いや大丈夫です。

 
トップページ プロフィール 目次 オススメ 商品 メルマガ SNS お問い合わせ