リンクをマウスオーバー時にリンクがピョコっと動く方法

ブログでマウスオーバーさせた時に、リンクがピョコピョコ動くと、人間の心理的にクリックしたくなりますね。

• 内部リンクした記事を読んでほしかったり
• 楽天などの広告をクリックしてほしかったり
• 公式ページへのボタンをクリックしてほしかったり

する場合に効果があります。

私が使っているWordPressのテンプレートは『賢威7』なのですが、この方法は無料ブログでもシリウスなどのＨＴＭＬサイトでも使えるのでご紹介します。

WordPress（賢威７）でリンクを動くようにする方法

1. WPの外観➔テーマの編集をクリック
2. 「テーマヘッダー」 (header.php)をクリック
3. </head>の部分を探す。（CTRL＋Fボタンで検索できる）
4. </head>の部分が見つかったら、そのすぐ上にこのタグを貼り付けてください。

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

これで『ファイルを更新』をクリックして保存します。

確認してみて、リンクがピョコっと動けば成功です。

動く大きさを変えたい場合は、そのタグの数字を変えてください。

お知らせ

人生がうまくいく転機はほんの些細なことをきっかけに起こっています。

成功者たちが共通して語る 『シンクロニシティ』と呼ばれる不思議な偶然・出会いが起こるのです。

しかし、そのきっかけ（出会い）に気づかない人もいます。

世の中の多くの人が自分らしさを取り戻し、幸せに成功する人が増えてきたら、社会の雰囲気も変わることでしょう。

あなたの人生をより素晴らしいものにする 選択権はいつでもあなたの手の中にあると私は思います。

この先の人生に絶望すら感じていた私は、ここがきっかけで、ここで教わったビジネス手法で人生の転換期（テイッピングポイント）を迎えることができました。

あなたも『些細なチャンスも逃さない』 という意識で成功を引き寄せてくださいね。

アフィリエイト無料動画セミナー

最後までご覧いただきありがとうございます！

 

LINE＠にて最新の情報発信と、個別のご質問を受け付けております！

お友達登録特典

私が使っている『作業日報』を無料プレゼント中です！

”時間を制するものが人生を制す”
ぜひ受け取って、参考にしてみてください^^

⇩⇩⇩