プロフィール

FC2BLOGカスタマイザー

FC2BLOGカスタマイザー

FC2ブログ十数件、アメブロ数件、Yahoo!ストア、Yahoo!オークションストア、カラーミーショップ、ビジネスサイト数件、趣味サイト数件を現在仕事とプライベートで管理・運営中。過去には他のASPやCMSもいろいろ。

全記事表示リンク
検索フォーム
ユーザータグランキング
最新コメント
<>+-

記事単位でトップを狙え!

アフィリエイトブログは、テーマを絞り特化したブログにする。
たしかに本格的に稼ぐならそのほうがいい。
でも、趣味ブログの体裁を保ちつつ、お小遣い程度稼げればいいのであれば、それほど気にしなくてもいいと思う。

アクセス解析をしている人はわかると思うけど、なぜかアクセスの多い記事ってあるよね?
記事に辿り着くには、リンクからだったり検索からだったり、ルートはいろいろあるけど、そういう記事は検索からの訪問が多い。
その記事は、程良い需要があるニッチなキーワードの選定に偶然成功していて、内容もそこそこ充実。用はSEOがうまくいってるんだよね。

テーマはひとつに絞らなくとも、普通に日常のブログを書きつつ、その記事に便乗して、少し意識してそのジャンルの記事を多めにすると、SEO的に相乗効果が生まれる。
成功している記事が増えてくると、なんとなくアクセスが集まりやすい記事を書くコツもわかってくる。

例えば、

肉は網に乗せて炭火焼がうまい。
そうする事によって~


この文章はSEO的に損をしてる。
一般的に同じ語句が続くのはくどい文になるから「そう」とか「あれ」などと訳す事があるけど、SEOを意識するなら訳さないほうが効果がある。
ただ、同じ表現を何度も使うと「こいつ文章下手だな」と思われるから、言い回しを少し変えたりするといい。

例えば、

肉は網に乗せて炭火焼がうまい。
炭で炙る事によって~


肉は網に乗せて炭火焼がうまい。
炭火を直に当てる事によって~


こんな感じで違和感なく関連するキーワードを盛り込むといい。
読む側にも違和感を感じさせず、キーワードを巧みに盛り込み、記事の内容を充実させる。
このように偶然を必然に変えるように意識し、人気記事が増えてくれば、それなりに成果はついてくる。
全ての記事がうまくいくとは限らないけど、少し意識するだけで確率はぐんと上がるはず。
アクセス解析をしてない人は是非、検索キーワードなども見れるものを利用して分析してみてほしい。 にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ
CATEGORY:アフィリエイトについて
TAGS:
THEME:Webサービス | GENRE:コンピュータ

角丸(角R)ボックスを実現するjavascriptの比較

「png画像もしくはcssにて透過するdivボックス」をJavascriptを利用して角丸にする事を目的として数種類のJavascriptを比較してみました。
それぞれの使い方は書くと長くなるので、それぞれ検索して解説してる他のサイトを探して参考にしてください。ここでは比較のみ扱います。

jquery curvycorners
curvy1.jpg
綺麗だけど重い。
重いと能力の低いパソコンでは最初は四角いボックスで、付け足すように遅れて丸い部分が表示されるので格好悪い。
あと、ブラウザで拡大表示すると変になったり。
curvy2.jpg(拡大図)


Nifty Corners Cube
nifty1.jpg
丸のカーブが汚い。そして汚いくせに重い。
丸の外側に本来の四角の部分が薄く見えたりして格好悪い。
nifty2.jpg(拡大図)


DD_roundies
dd1.jpg
綺麗で軽い。
拡大して見ると輪郭を滑らかにするアンチエイリアスが他よりも効いてる。
たぶん角丸を表現するjavascriptでは一番いい。
dd2.jpg(拡大しても綺麗)


jquery corner
ちょっと検証した時から時間が経ってしまって記憶が曖昧だけど、透過と相性が悪くて却下した気がする。

ぶっちゃけ角丸にする要素が少なければ、このようなjavascriptを利用せず、従来通りの角丸画像を用意してhtmlとcssだけでレイアウトするのが一番綺麗で軽いという結論。 にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ
CATEGORY:FC2BLOGカスタマイズ
TAGS:
THEME:インターネットサービス | GENRE:コンピュータ

FC2ブログ共有テンプレート説明 moon_tree

moon_tree テンプレートイメージ
moon_tree_image.jpg

■プラグインについて
プラグイン1は、最上部のメニューバーに配置され、マウスオーバーで展開するメガメニューになってます。
メガメニューを増やす場合は<div class="MegaMenu">内に次のタグを追加してください。
<a class="MegaMenuLink" href="javascript:void(0)">メニュー名</a>
<div class="MegaMenuContent">ここにメニューの中身</div>

デフォルトでは「HOME」の部分だけが通常のリンクになってます。
リンクを増やす場合は<div class="MegaMenu">内に次のリンクタグを追加してください。
<a class="MegaMenuLinkOff" href="URL">リンク名</a>

メガメニューのもっと詳しい使い方 ⇒ jQuery Mega Menu

プラグイン2・3は下部に配置しています。
プラグイン2が有効幅180px、プラグイン3が有効幅540pxと大きさが違いますので、お好みでプラグインを振り分けてください。


上部にFC2ブログの検索バーがあると月の位置が若干変わります。
検索バーを表示しない事を想定したレイアウトなので、必要が無ければ「環境設定」→「ブログの設定」→「検索バーの利用」のところで「利用しない」にしてください。


※既知の問題
メニューの中身によっては正常に表示されない事がある。
ユーザータグのプラグインで、タグ部分の日本語だけがなぜか文字化けする。

問題がある場合は下部のプラグイン2・3など、他の場所を利用してください。


あと、一応いろいろなケースを想定してCSSを設定し、IE8・IE9・GoogleChrome・FireFoxで確認してますが、それでも見落としがあるかも知れません。表示崩れ等の不具合がありましたら、テンプレートを修正しますので、「FC2ブログ共有テンプレート作ってみた。月と木」のコメントにてお知らせ頂けると幸いです。 にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ
CATEGORY:FC2BLOG自作テンプレート
TAGS:
THEME:インターネットサービス | GENRE:コンピュータ

FC2ブログ共有テンプレート説明 torn_paper

torn_paper テンプレートイメージ
wanted_image.jpg

背景の紙はリピート画像になっています。
中央の破れた部分は独立してるので、背景画像だけ変える事ができます。、
background-imageではなくbackground-colorでビビッドなベタ色にしても、また違った雰囲気になります。
背景を変えて文字が見にくい場合は、文字色を適度に調整してください。

wanted_image.jpg

サイド部分はデザイン的に中央揃えにしていますが、中央揃えにならない場合は、各プラグイン編集の「プラグインの改造 【HTMLの編集】を行います。(上級者向け)」をクリックし、表示されるHTMLの中から「&align」を削除してください。これは左・右・中央揃えを定義するfc2の独自変数で、CSSよりも優先されます。

例)<p &align> → <p>

あと、一応いろいろなケースを想定してCSSを設定し、IE8・IE9・GoogleChrome・FireFoxで確認してますが、それでも見落としがあるかも知れません。表示崩れ等の不具合がありましたら、テンプレートを修正しますので、「FC2ブログ共有テンプレート作ってみた。破れた紙風」のコメントにてお知らせ頂けると幸いです。 にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ
CATEGORY:FC2BLOG自作テンプレート
TAGS:
THEME:インターネットサービス | GENRE:コンピュータ

FC2ブログ共有テンプレート説明 wanted

wanted テンプレートイメージ
wanted_image.jpg

プラグイン3は、画像付きプロフィール専用になっていて、トップページでは中央に大きく、トップ以外のページでは、右サイドに表示するようになっています。

プロフィールに顔写真やイラスト、ペットの写真なんかを設定している人におすすめです。

これを利用する場合は、プラグインのプロフィールをプラグイン3に移動してください。
プラグイン3はこれしか機能しませんので、残りのプラグインはプラグイン1(左サイド)かプラグイン2(右サイド)に振り分けてください。

これを利用せずに通常のプロフィールを使う場合は、HTMLの次の2箇所を削除し、プラグイン1か2にプロフィールを設置してください。
<!--▽プラグイン3・画像プロフィール・トップページ用▽-->から
<!--△プラグイン3・画像プロフィール・トップページ用△-->まで
<!--▼プラグイン3・画像プロフィール・トップページ以外▼-->から
<!--▲プラグイン3・画像プロフィール・トップページ以外▲-->まで

サイド部分はデザイン的に中央揃えにしていますが、中央揃えにならない場合は、各プラグイン編集の「プラグインの改造 【HTMLの編集】を行います。(上級者向け)」をクリックし、表示されるHTMLの中から「&align」を削除してください。これは左・右・中央揃えを定義するfc2の独自変数で、CSSよりも優先されます。

例)<p &align> → <p>

サイドメニュータイトル文字などのぼかし影を取り除く場合は、HTMLかCSSまたは両方の「shadow」というclassを削除してください。

あと、一応いろいろなケースを想定してCSSを設定し、IE8・IE9・GoogleChrome・FireFoxで確認してますが、それでも見落としがあるかも知れません。表示崩れ等の不具合がありましたら、テンプレートを修正しますので、「FC2ブログ共有テンプレート作ってみた。WANTED張り紙風」のコメントにてお知らせ頂けると幸いです。 にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ
CATEGORY:FC2BLOG自作テンプレート
TAGS:
THEME:インターネットサービス | GENRE:コンピュータ
テンプレート
テンプレートに関する質問は、このブログでは受けつけておりません。複数のサイトやブログを運営しており、メインブログ以外はコメントに気がつかない事が多いからです。質問がある方は下記から、それぞれのテンプレートのリンクをクリックし、そちら(メインブログ)で質問をお願いします。
▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼

sightseeingに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。スライドショー

moon_treeに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。奥入瀬

moon_treeに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。月と木

torn_paperに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。破れた紙風

wantedに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。WANTED張り紙風

glass_boardシリーズに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。glass_boardシリーズ
アクセスランキング
[ジャンルランキング]
コンピュータ 327位
[サブジャンルランキング]
Webサイト作成 18位