SEO対策 テンプレート

SEO対策済みのテンプレートを配布
カスタマイズ

■Javascript
ランダム表示の活用
リンクのURLを隠す

■SEO対策
SEOスパムについて
被リンク数のチェック
被リンクされるときの文字
metaタグのkeywords
■CSS
リストのマークを変更する
リストのマークを画像に変更する
リンクの挙動のカスタマイズ
行間の高さを変更する
スクロールバーの見た目を変えるドリコムの表示をCSSで変更する

本ブログで使用しているテンプレートを「tm_seo_white」という名前で登録しています。
なるべくシンプルでカスタマイズしやすく作ってありますので、宜しければ使ってみてはいかがでしょうか?

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- ] | スポンサー広告

CSSでブログのカスタマイズ リンク編

リンクの色・修飾・挙動のカスタマイズを解説します。
具体例を挙げて解説したほうが早いので、まずは下枠の中を見てください。
通常のリンク/実行中のリンク/訪問済のリンク/マウスオーバー中のリンク  以上、4つの場合のリンクの色や挙動を記述できます。

a:link    {......}      /* 通常 */
a:active  {......}      /* 実行中のリンク */
a:visited {......}      /* 訪問済のリンク */
a:hover   {......}      /* マウスオーバー中のリンク*/

■色の指定
 color:#0000FF; /* リンクの色を指定 */

■リンクの修飾
 text-decoration:none;           /* 装飾無し */
 text-decoration:underline;      /* 下線 */
 text-decoration:overline;       /* 上線 */
 text-decoration:line-through;   /* 取り消し線 */

■マウスオーバー時のリンクの移動
 position:relative; top:1px; left:1px; /* リンクの相対的移動 */


下枠のようにCSSを記述した場合
a:link    {color:#33FF33;text-decoration:none;}
a:active  {color:#00FF00;text-decoration:none;}
a:visited {color:#33FF33;text-decoration:none;}
a:hover   {
  color:#FF0000;
  text-decoration:underline overline;  /* 上下線 */
  position:relative;
  top:1px;
  left:1px;
}

マウスを下のリンクに乗せて挙動を確かめてみてください。
[ 2007/10/17 ] | カスタマイズ
ブログ内検索

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。