アフィリエイトと2ティアで稼ぐ!ネットで在宅副業ワーク

アフィリエイトと2ティアで稼ぐ!ネットで在宅副業ワーク! > [読者様からのご質問Q&A]FC2ブログカスタマイズ > ずれる画像やリンク文字の設定カスタマイズ方法(FC2ブログ編)

ご訪問記念プレゼント

最新情報はメルマガでお届けしております。ご購読下さった方には、現在も販売中の有料ツールをプレゼント。
会員限定無料メールマガジン「副業アフィリエイトで稼ぐ戦略と思考」の詳細と特典案内へ

メルマガとプレゼントの詳細はこちら

管理人プロフィール

英太       (旧)輪になって稼Go!

Author:英太       (旧)輪になって稼Go!


ご訪問ありがとうございます。

ブログやホームページを運営しながら、初心者さんがアフィリエイトで稼ぐ方法と戦略、コツ等をご紹介しています。

私のアフィリエイト実践記、お得な無料情報、お勧め情報商材のレビューを厳選してご紹介。

詳細プロフィールはこちら!

無料メール相談 承ります

アフィリエイトに関するご相談を
24時間受け付けています。
まずは気軽にメールくださいね。
管理人にメールする
メール相談はこちらからどうぞ。

サイトコンテンツのご案内

お勧め2ティアASP

管理人の一押しASPランキング!


■第一位

インフォトップ 紹介記事へ

■第二位
オンライン販売・アフィリエイトするなら「サブライムストア」
サブライムストア紹介記事へ

■第三位
マイクロアドBTパートナーでおこづかいゲット!
マイクロアド紹介記事へ

■第四位
ダウンロード販売と人と人をつなぐコミュニティ・コマースのインフォカート
インフォカート紹介記事へ

■第五位

インフォハウス紹介記事へ


このブログから2ティアASPに登録してくれた方には、 特典をプレゼントします!
2ティア特典の詳細はコチラ

その他の2ティアASPをお探しの方はこちらへどうぞ。

2ティアASP一覧表

無料レポート紹介だけで稼げる!

現金報酬がもらえる
唯一の2ティア対応無料レポートスタンド!

インフォゼロ「INFO-ZERO」のレビュー解説記事へ

ずれる画像やリンク文字の設定カスタマイズ方法(FC2ブログ編)

2009年09月19日(土)

皆さんこんにちは。

_1221493827_268.gif

輪になって稼GO!です^^

このコーナーでは
読者の皆様からのアフィリエイト関連のご質問に対するQ&Aを記事にしていきます。

今までは個別にメールでお答えしていたのですが、
もしかしたら同様のケースでお悩みの方って
結構いらっしゃるのかもしれないと思いますので
気になるものがありましたら、参考程度に気軽に読んでくださいね^^


初回の今回のテーマは、

FC2ブログのずれる画像や文字の設定、カスタマイズ方法についてです。


この件についてエディ友さんからご質問がありましたので、
設定方法を解説しようと思います^^


すでにお気づきの方もいらっしゃるかもしれませんが、

僕のブログ内のリンク文字や画像にマウスを置くと、
ボタンのように右下にずれるようになっています。


例えばですが、、


↓↓↓ 画像の場合はこんな感じです。

マイクロアド 「会員紹介アフィリエイト秋のW500円キャンペーン」


↓↓↓ テキストリンクの場合はこんな感じですね^^


ブログアフィリエイト初心者講座


画像やリンクの上にマウスを置くと、まるでボタンのように右下にずれると思います。

(現在はテンプレート設定を変えた為ずれません。ご了承ください)


実はこの設定はテンプレートをちょっといじる事で簡単に出来ます。
ちょっと気分が変わっていい感じでしょ♪


参考までに以下にカスタマイズ方法を書いておきますので
ご興味のある方はぜひやってみてくださいね^^




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

2、管理メニューの環境設定からテンプレートの設定をクリック。

3、スタイルシート編集を選択してマウスポイントをCSSが書かれている枠の中に置く

4、そのままCtrl + Fを押すと以下のような検索窓が出てきます。


FC2のスタイルシート編集時にCtri+Fボタンで出現する検索窓


その検索窓に、[ a:hover ]を入力して検索してみてください。


↓↓↓ 後は、[ a:hover ]の部分に以下のような記述を入れればOKです^^


position:relative; top:1px; left:1px;


何箇所かありますので「次へ」ボタンを押して全て記述を変更すれば、
画像もテキストリンクもずれる画像とずれる文字へと設定できます。


ちなみに輪になって稼GO!の場合は以下のように記述してます(*^_^*)



a:hover { color: #FF0000;
position:relative; top:1px; left:1px; }



positionの数字部分を変更すると、
ずれる方向や、動き方を変えられますよ☆


後はプレビュー画面で設定の反映を確認しながら、
皆さんの直感と感性で色々といじってみてくださいね^^


宜しかったらおためしあれ♪



※注意点

慣れないうちはHTMLやCSSをカスタマイズする時は、
メモ帳などに全てコピーを取っておいてから行いましょう!
そうすれば分からなくなった場合に、すぐに元に戻す事が出来ますよ^^

CSSの記述方法はテンプレートによって異なりますので、
もし上記の方法で設定が変えられなかったら、
皆さんがお使いのテンプレートの
公式ホームページのカスタマイズヘルプ等も参考にしてみてくださいね。




今回の記事が少しでも皆様のお役に立てたら幸いです(*^_^*)



・・・それではまた!
管理人 輪になって稼GO!でした(^O^)/







この記事を後でゆっくり読みたい方は →

コメント

ありがとうございます^^ by えめまの初心者必見!稼げる情報見っけ

輪になって稼Go!さんおはようございます。

えめま です。

やった~ ^^ この情報も探していたんですよ^^

訪問していただいた方が、マウスを持っていっても
クリックできるのかどうかも解らないんじゃ、
あれ?って感じですからね^^

ブログを見ていただける方にも解り易く
やさしいですよね

訪問してくださる方が少しでも
解り易く、やさしいブログを目指しています。

今日もいい情報ありがとうございました^^

早速ためさせていただこうっと^^


輪になって稼Go!さんに
いいことがたくさんあります様に応援です(^^ゞ

2009/09/20(日) 04:46:44

Re: ありがとうございます^^ by 輪になって稼ごう! 2ティア報酬万歳!!

えめまさんこんにちは^^
いつもコメントありがとうございます♪

参考になったようで嬉しいです^^

> ブログを見ていただける方にも解り易く
> やさしいですよね
>
> 訪問してくださる方が少しでも
> 解り易く、やさしいブログを目指しています。

そうですね~、僕も他のブログさんで見つけて
いいなこれ~って思ってやり方を探したんですよ^^

最初は分からなかったけど、
やっているうちに何とかなるものですね♪

これからも分かりやすいブログづくり、
もっと力を入れていきたいですね(^O^)

2009/09/20(日) 15:19:33
管理者にだけ表示を許可する

トラックバックURL:
この記事にトラックバックする(FC2ブログユーザー)

トラックバック

FC2ブログのずれる画像や文字の設定

こんにちは 管理人のtinpankunと申します。 本日は「ずれる画像や文字」についてのレポートです。 画像のロール・オーバーってご存知ですよ...


eita80.gif 
お探しの情報はもう見つかりましたか(*^_^*)?

このブログの主なコンテンツへの入り口はこちらです。
あなたが今知りたい情報、必要な情報をリサーチしてみてくださいね^^




初訪問の方はこちらへどうぞブログアフィリエイト初心者講座お勧め情報商材レビュー評価一覧表
2ティア特典2ティアアフィリエイトプログラム一覧表オリジナル無料レポート集