Home > FC2blog Tips


FC2blog Tips Archive

トラフィックエクスチェンジでアクセスアップとお小遣いゲット
オレンジトラフィック

上記リンクが現在利用しているトラフィックサービスサイトです。アクセスアップを目的に、トラフィックエンジンで検索してみると、たくさんあるかと思います。自分もどれを選ぼうか迷っていて、最初に登録したのがこのサイトです。初めで優良なサイトに出会えて良かったと思っています。

このトラフィックエンジンでは、アクセスアップ以外にたくさんのメリットがありますので、それを簡単に紹介しようかと思います。
１．誰でも無料で簡単に登録可能（有料版もあり）
２．オートサーフ（サイト自動巡回）と手動サーフが選択可能
３．貯まったポイントでアクセスアップ&現金化が可能
４．広告掲載でポイントやアクセスアップが可能

気になるところは、ポイントの現金化だと思います。簡単に言えば、オートサーフで少しずつ貯まったポイントがいつかは現金に変わるのです。しかもそのサーフしている間は、見返りとしてアクセスアップにも繋がります。

ポイント取得方法は以下の通りです。（自分が実施しているもののみ）
１．オートサーフ（オレンジクリックス）
２．手動サーフ（オレンジクリックス）
３．他サービス登録（オレンジハーベスト）

オートサーフは取得ポイントが少ないですが、そのまま放置しておくこともできますので、勝手にポイントが貯まりつつ、アクセスアップに繋げられます。手動サーフは、取得ポイントがオートより多いですが、巡回サイトごとにクリックなど操作が必要です。

最後に一番ポイント取得率が高いのが、オレンジハーベストです。これは、アクセスアップとは関係ありませんが、色々な他社サービスに登録することで桁違いのポイント取得ができます。お小遣い稼ぎに使っています。

登録もメールアドレスさえあれば簡単にできますので、ブログやサイトを運営している方は是非試してみてはどうでしょうか。
オレンジトラフィック登録はこちら

記事内のテキストにマウスを乗せて説明窓を表示させる
今回は、実装も簡単で面白い小技を紹介したいと思います。リンクにつかうアンカーテキスト（<a>です）にマウスを乗せると、説明窓（ツールチップ）がでる便利でちょっと格好良いTipsです。サンプルは以下の通りです。

●リンクなしバージョン
TRASHWindows/Macのオススメソフト・Tips紹介ブログ
<a class="tooltip">TRASH<span>Windows/Macのオススメソフト・Tips紹介ブログ</span></a>
●リンクありバージョン
TRASHWindows/Macのオススメソフト・Tips紹介ブログ
<a href="http://blackcat13numbers.blog31.fc2.com/" class="tooltip">TRASH<span>Windows/Macのオススメソフト・Tips紹介ブログ</span></a>

CSS編集では、以下を記述してください。
a.tooltip span {
       display:none; 
       padding:5px 5px; 
       margin-left:8px; 
       width:200px; 
}
a.tooltip:hover span {
       z-index:10; 
       display:inline; 
       position:absolute; 
       border:1px solid #ccc;
       background:#fff;
       color:#6c6c6c;
}
勿論、CSS内の数値やカラーなどを変更することで、ツールチップのカスタマイズも可能です。アンカーテキスト以外だと、<p>でも使えるみたいで、この小技を勉強させていただいたサイトで詳細な説明が掲載されています。
FYI：以下サイトでも詳細を紹介しているので是非
Movable Type 備忘録｜Movable Type 4.1 用テンプレート大変勉強になりました。感謝です。

画像にマウスを乗せると別の画像に変化する
これは、マウスオン・アウト（onmouseover/onmouseout）を使った画像変更タグです。まずは、以下の画像にマウスを乗せてみてください。同じ画像の反転版に変化し、マウスを画像の外に戻してみると、元に戻ります。



一番簡単な記述方法かと思いますが、以下をご参考ください。もちろん、自分の画像URLなどにあわせて、「comment」部分は好きに記述しても構いません。（多分）
<a href="http://blog-imgs-29.fc2.com/b/l/a/blackcat13numbers/20080407_1s.jpg" onMouseOver="window.status='comment';return true" target="_blank">
<img src="http://blog-imgs-29.fc2.com/b/l/a/blackcat13numbers/20080407_1s.jpg" onmouseover="this.src='http://blog31.fc2.com/b/blackcat13numbers/file/20080407_3s.jpg'" onmouseout="this.src='http://blog31.fc2.com/b/blackcat13numbers/file/20080407_1s.jpg'" border="0"></a>

Home > FC2blog Tips

Search
Adsense

Calendar
« 2008/09 »
S M T W T F S
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 - - - -
Categories
Tagcloud
Archives
Recent Comments
Recent Trackback
Feeds

↑Page Top