自分の年表が作れるサイト

NENPYO　http://nenpyo.org/


自分の年表が作れるサイトを見つけました。（無料）

その名も、、、

「NENPYO」

まんまですね

自分の年表とほかの人の年表が比べられたり、
結構楽しいです。

サイトの年表を書いてもいいですよね！

ここにアドレスを載せるとアクセスアップするかもしれませんね！！

是非、お試しあれーーー

ＳＥＯ対策！無料でアクセスアップさせる方法

アクセスがアップしないと悩んでいませんか？

実は私もなんです

そこで自分サイトがどれくらい世界的に注目されているか、
アクセス解析を無料でしてくれるサイトを利用してみましょう。

SEO TOOLS　http://www.seotools.jp/


SEO TOOLS
ちなみにここの解析結果は。。。

「Ｄ」
このサイトのアクセス状況は、望ましくない状態にあります。早い段階で、サイトに最適なアクセスアップ処置を施しましょう。


ヤヴァーーーーーーーーーイ！
まぁー2日前に作ったばっかりなので
当たり前かと思いますが。。。

でも、、凹む・・・・



つうワケで、大手の検索エンジンに登録することにします。



Googleサイト登録　http://www.google.co.jp/addurl/?hl=ja&continue=/addurl



Yahoo!　検索エンジン用ロボットの巡回先への推薦　http://submit.search.yahoo.co.jp/add/request
※Yahoo! IDでのログインが必要です。



MSN（Bing）の登録　http://www.bing.com/docs/submit.aspx



サイトを立ち上げた際、SEO処置を行った際など、まず登録作業を行われることをお勧めします。

すべて無料です。

お試しあれー

サイドメニューの編集（背景画像に変更）

はいー。お待たせしました。
サイドメニューを画像にしちゃいますよーー


１.まず、サイドメニューに使う画像を準備します。
私は158×40のサイズを用意しました。



２.「ブログを書く」と「アメブロを書く」をクリックします。



３.すぐ下にある「スキンのカスタマイズ」をクリックします。



４.参照とタイトルをセットしアップロードします。



５.サムネイルの上を右クリックしプロパティを選択します。



６.プロパティ内のアドレスをコピーします。
メモ帳にでも張っておきましょう。



７.「CSS編集方法（名称の説明）」で出てきた順序でCSSフォームを開きます。



８.下記の記述をCSSの最後に追加しましょう。
変更部分は下記に明記しています。

/*----------------------------------------------------- サブメニューのタイトル　 -----------------------------------------------------*/ .menu_title{/*メニュタイトル*/ color: #ffffff;/*文字色*/ background-image:url(http://*/*/***.jpg);/*アイコン画像*/ background-position:3px 0px;/*位置　左から、上から*/ text-indent:*px;/*アイコンの横幅の分タイトルを右に*/ width:*px;/*横サイズ*/ height:*px/*縦サイズ*/ padding-top:*px;/*上からの位置*/ }

では変更部分が必要な箇所の説明をします。
※変更部分は水色にしています。


文字の色を設定します。

color: #ffffff;/*文字色*/

先ほどコピーしたアドレスを記述します。

background-image:url(http://*/*/***.jpg);/*アイコン画像*/

背景画像の表示開始位置を指定します。
初期位置が3px 0pxなので、別に変更しなくてもいいと思います。

background-position:3px 0px;/*位置　左から、上から*/

字下げをします。右からの位置を指定します。

text-indent:*px;/*アイコンの横幅の分タイトルを右に*/

用意した画像の大きさを入力します。

width:*px;/*横サイズ*/ height:*px/*縦サイズ*/

上からの文字の表示位置を設定します。

padding-top:*px;/*上からの位置*/

ちなみに私はこうしました。黄色が変更部分です。



９.プレビューで表示確認をしましょう。
下の点線が邪魔ですが、サブメニュー的にはいい感じなのでこれでよしとします。


これでよろしければ保存してください！


やっぱり点線が邪魔なので消しましょう。




１.スクロールバーを下し、「menu_element : 各サイドバー共通」と記述してある部分を見つけます。



２.その中の・・・


「border-bottom:1px deshed #FF6766;」を消してください。


３.プレビューで表示確認をしましょう。


ん～、、、下が空きすぎてる感があるので縮めることにします。


４.まとめて黄色の部分を「0」にしましょう。


「０」に変更してみました。



５.プレビューで表示確認をしましょう。
微妙に変わってます。


これでよろしければ保存してください！


これでサブメニュー部分は完成です


次は、ページ背景部分を設定する方法でもしようかなーと思っます。

次回をお楽しみに


もくじに戻る