■コピー貼り付けで簡単カスタマイズ。これでブログが読みやすくなります
初心者にもできるアメブロカスタマイズ
ヘッダー付プランも新登場!

読者登録しているブログで読みたいブログだけ、チェックリストに表示させる


内藤です

アメブロで読者登録すると、マイページのチェックリストに更新情報が流れますよね。

でも、読者登録沢山して本当に読みたいブログの更新情報が埋もれていませんか?

本当は読者登録しなくていいんだけど、、、というブログもきっとあると思います(笑)

それ自体が本当は変な話ではあると思いますが、そいう状況の方って少なくないと思います。

それで、チェックリストに流れる更新情報の横にある▼マークから 「この人の更新情報を表示しない」をクリックすると、そのブログの更新情報が流れなくなります。

これは、そのブログの読者を解除するわけではなく、ただチェックリストに表示させないというものです。

読者を増やすのは、いろんな効果がありますから、読者が多いのは一概に悪いこととは言えません。
ただ、入ってくる情報が多すぎるのは、必要な情報までをも埋もれさせてしまうことになります。

今情報過多な時代ですから、選ぶということも求められています。

読者登録したブログが、全て読みたいブログ なのが理想ですが、参考にしてみてくださいねー

※追記)
非表示にしたブログの更新情報を再び表示させたい場合は

チェックリストのところにある「つながり」をクリックし

該当するブログの「更新情報を表示する」をクリックすればOKです


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

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

アメブロは、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;
}

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

CSSに以下を追加します

.articleListBtn{
    display:none;
}

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

CSSに以下を追加します

.imageListBtn{
display:none;
}

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

.globalLinkArea {
padding: 0px 0;
}

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