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

クリックするとへこむリンクやボタンの作成方法 に関する記事です。
HOME > スポンサー広告 > title - クリックするとへこむリンクやボタンの作成方法HOME > [ブログカスタマイズ]クリックするとへこむリンクやボタンの作成方法 > title - クリックするとへこむリンクやボタンの作成方法
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

スポンサー広告 | Page Top↑ Yahoo!ブックマークに登録 スポンサーサイトの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
クリックするとへこむリンクやボタン・公告バナーは、押してもらえる率と、ブログ内の滞在率が高まりますよ。^^

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

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


試しに下の「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;の数値は左右に動く幅の数値です。

お好みの幅に、カスタマイズしてくださいね。^^
スポンサーサイト
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
公告 カスタマイズ リンク に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

[ブログカスタマイズ]クリックするとへこむリンクやボタンの作成方法 | トラックバック:1 | コメント:1 | Page Top↑ Yahoo!ブックマークに登録 クリックするとへこむリンクやボタンの作成方法の記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
コメント
この記事へのコメント
承認待ちコメント
このコメントは管理者の承認待ちです
2009/04/25(土) 11:37 | | #[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://affiliateland.blog52.fc2.com/tb.php/19-32fab05e
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
管理人の承認後に表示されます
2009/04/25(土) 11:41:04 |
SEO対策:アフィリエイト SEO対策:副業 SEO対策:在宅ワーク
  1. 無料アクセス解析
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。