アメブロのサイドバーを左右同じ幅にするカスタマイズ



アメブロのサイドバーを左右同じ幅にするやり方です。

アメブロは、3カラムの場合、サイドバー2つある内、1つがワイド、1つが狭い幅と異なるものでした。
今回の方法は、ブログ幅を元々の980pxのまま、記事エリアも元のままで、左右のサイドバー幅を統一するやり方です。

ブログ幅980pxで記事幅を広げ、サイドバーを狭い幅で統一する方法はこちら
ブログ幅を860pxにして、サイドバーを狭い幅で統一する方法はこちら

アメブロの元々の幅  一方がワイドで、一方が狭いサイドバー


これを、記事エリア、ブログ幅をそのままで、サイドバー幅を統一します
↓↓

CSSに以下を追加します。

/*------- 3 カラム・右ワイドメニュー --------*/

.columnC .layoutContentsA{
float:right;
width:725px;
}

.columnC .skinMainArea{
float:left;
width:470px;
}
.columnC .skinSubA{
float:right;
width:240px;
}

.columnC .layoutContentsB{
float:left;
width:240px;
}

/*------- 3 カラム・左ワイドメニュー --------*/

.columnD .layoutContentsA{
float:left;
width:725px;
}
.columnD .skinMainArea{
float:right;
width:470px;
}
.columnD .skinSubA{
float:left;
width:240px;
}

.columnD .layoutContentsB{
float:right;
}
.columnD .skinSubB{
width:240px;
}
/*------- 3 カラム・右メニュー --------*/

.columnE .layoutContentsA{
overflow:visible;
}
.columnE .skinMainArea{
float:left;
width:470px;
}
.columnE .skinSubA{
float:right;
width:240px;
}

.columnE .skinSubB{
float:left;
margin-left:15px;
width:240px;
}


3カラムの全パターンに対応しています

アメブロの字体を以前のものにする

先日から、アメブロのフォント(字体)が変わりました。

こちらに詳細があります

それが『嫌』という声も多いようです。

以前のフォントに戻したいという場合はCSSに

body, input, button, select, textarea {
font-family: "MS Pゴシック","ヒラギノ角ゴ Pro W3",Arial,Helvetica;
}

を入れます。

これで、以前の字体になります。


「ブログトップ」「記事一覧」「画像一覧」ボタンを非表示にする



内藤です

少し前から、記事エリアの上下にこのようなボタンがつくようになりました



これが「いらない!」という方も多いようなので(笑)
外し方です。

「ブログトップ」がいらない場合

CSSに以下を追加します

.blogTopBtn{
    display:none!important;
}

「記事一覧」がいらない場合

CSSに以下を追加します

.articleListBtn{
    display:none!important;
}

「画像一覧」がいらない場合

CSSに以下を追加します

.imageListBtn{
display:none!important;
}

(追記)3つのCSSで !importantを追加しています

これで3つのボタンを消すことが出来ます。
また、3つ全て非表示にした場合、スペースが空いてしまいますので、

.globalLinkArea {
padding: 0px 0;
}

も追加しておいてください


管理画面の「サービス一覧」が変更

内藤です。

アメブロの管理画面が10月22日に変わりましたね。

これまで左上にあった『アメーバのサービス一覧』の場所が変更になりました。

変わってしまって、迷っている方も多いかと思います。

新しい場所は右上の三本線



こちらからサービス一覧が開けます

使ってみてくださいね

利益が数万円~10万円以上獲得しています



内藤です

以前アメブロのカスタマイズでお世話になりました。

おかげでアメブロでの利益が数万円~多い時で10万円以上獲得することができております。

本当にありがとうございます。


こんなお声をいただきました。

素晴らしいですね~

カスタマイズは至ってシンプルです。
でも、読みやすいですし、分かりやすい。

あと、ブログのテーマがとてもいいですね~