▼ クリックするとへこむリンクやボタンの作成方法

クリックするとへこむリンクやボタン・公告バナーは、押してもらえる率と、ブログ内の滞在率が高まりますよ。＾＾

なぜかというと、マウスのポイントを当てると｢押している感覚」が、生じるから。

その結果｢自分の意思で行動している」という満足感が、訪問者さんに生じるためではないか？と推察されます。＾＾


試しに下の「ENTER」にカーソルを載せてみてください。


このカスタマイズをすると、テキストや画像公告が、このように動きます。

今回のカスタマイズも、5分ほどで完了します。
お気に召されましたらぜひご活用ください。＾＾


●作業手順

1. FC2ブログの管理画面にログイン



2. 左メニューバーの中にある「ブログ管理画面へ」を、押します。



3. 「環境設定」メニュー一覧から「テンプレートの設定」を、押します。



4. 「テンプレート名／プレビュー」一覧に、お使いのテンプレートが表示されています



5. 失敗した場合でも、すぐに復旧できるように、ここでバックアップを取っておきましょう。＾＾
   
   「複製｣を押して、テンプレートの複製をします。



6. バックアップが完了したら「編集｣をクリックして、次に進みます。



7. 「HTML編集」と「スタイルシート編集」の2画面が表示されます。
   今回は下の画面「スタイルシート編集」をカスタマイズします。



8. ご自分が把握しやすい位置に
   /*** クリックでへこむ設定 ***/
   
   <style type="text/css">
   <!--
   
   a:hover {
   position: relative;
   top: 1px;
   left: 1px;
   text-decoration: none;
   }
   
   -->
   </style>
   を記述します



9. 「プレビュー｣を、押して、確認してみてください。＾＾
   
   よろしければ、「更新｣を押して、終了します

※top: 1px;の数値は上下に動く幅の数値。
left: 1px;の数値は左右に動く幅の数値です。
お好みの幅に、カスタマイズしてくださいね。＾＾