アメブロdeアクセスアップ

アメブロプロフィール改造 メニューを付けて完成しました。 | アメブロのテンプレートやツールを使って、アクセスアップする方法やアメブロカスタマイズの方法をご紹介します。


テーマ:CSSでカスタマイズ

アメブロのプロフィールの改造。
ようやく、これで完成しました。

アメブロビズ2(AmebloBiz2)で、作成したテンプレートと同じ感じで
プロフィールのレイアウトを変更して、メニューバーを付けました。

 

 

 

 

 

アメブロのプロフィール(旧ルーム)画面は、ちょっとさびしい感じがしますよね。

 

 

プロフィールは、やっぱり一度はのぞいたりするものですし、
ブログを書いている方がどんな方かということを知るためにも、
大事な自分のアピールの場所でもあります。

 

 

 

ブログのカスタマイズに一段落したら、
プロフィールの改造もちょっとしてみるといいです。

 

 

以前の記事でも書いたように、
プロフィール(旧ルーム)からのアクセスも以外とあったりするものです。

フォントなどを変更するだけでも、ちょっと違ってきますよ。
【アメブロ プロフィール改造 フォントを変える。】

 

 

 

今回アメブロビズ2(AmebloBiz2)のテンプレートで、
いろんなサンプルを作っていたので、それと並行して、
プロフィールの改造もしてきました。

こんな感じのものが・・・・

 

chiezouのプロフィール改造前

こんな感じに変身します!!

 

chiezouのプロフィール改造後

 

どうでしょうか?

ブログのテンプレートと、プロフィールのテンプレートが、
一緒なのって、本当にいい感じでしょう。

 

 

 

アメブロビズ2(AmebloBiz2)の特典にお付けしようと、
すべてのテンプレートでの作成に取り掛かっています。
ちょっと時間がかかっているんですが、上記のような感じとなります。

 

 

 

アメブロビズ2(AmebloBiz2)のヘッダーの幅は、
アメブロのヘッダー幅より広いわけ。

 

 

 

アメブロのヘッダーの幅は基本900pxですが、
アメブロビズ2(AmebloBiz2)のヘッダー画像は980pxです。

 

なので、ヘッダーの幅に合わせて、
下のフリースペースの幅も、広げました。

 

 

プロフィールにCSSを追加するには、
フリースペースにCSSを書き込むという方法をとります。

 

 

このフリースペースの文字数は、
割と多めで50000文字。

 

 

 

だから結構複雑なCSSでも、すべて書くことができます。

このフリーススペース幅も、変更したいという方もいらっしゃるかと思いますので、
今回は、CSSをご紹介しますね。

 

幅を広げるためには、プロフィール自体のコンテンツの全体幅と、
右のスペースを広げていきます。

 

 

 

タイトル幅も、同じように広がりますが、
余裕が持てる感じとなりますね。

 

 

 

 

下記のソースを、プロフィールのフリースペースに貼ってくださいね。

 

<style type="text/css">#contentsArea{position:left; width:980px !important;}#leftArea{position:left; width:300px !important;}#rightArea{width:665px !important;}</style>

※このままコピーしてください。

フリースペースにCSSを貼るときは、改行をすべて削除してくださいね。

 

そうしないと、表示できません。
※これは、ブログも一緒です。

 

 

私のブログも幅を広げて、ヘッダーと同じにしましたよ。

こんな感じです。

 

ちえぞうのプロフィール

 

なんかいい感じでしょう。

ヘッダーなどついていない方でも、
ちょっと余裕の幅の広さがほしいならば、広げるといいですよ。

 

 

このwidth:980pxの数字(これは全体の幅のことです。)と、
rightAreaのwidth:665pxの数字を変更すれば、OKです。

 

 

計算の方法は、単純で、全体の幅を決めてそこから、
左の幅(これは、300です。)と余白15を引いた数が、
右の幅の大きさとなります。

 

 

 

全体のバランスを見ながら、広げてみて。

 

また違った感じのプロフィールになります。

ぜひやってみてくださいね。

 

 

 

テンプレートデザイン・カスタマイズのこと、アクセスアップのこと、
アメブロのことならお任せあれ!

Copyright © アメブロdeアクセスアップ All Rights Reserved.