アメブロの記事下の各種共有ボタンを消す(非表示にする)方法

アメブロの記事下の各種共有ボタンを消す(非表示にする)方法

アメブロカスタマイズのわざめーば、こと松本です。

こんにちは。

今回は、アメブロのカスタマイズ向けデザイン『CSS編集用デザイン』の記事下に表示される、各種共有ボタンを消す(非表示にする)方法をご紹介します。

共有ボタンというのは、各記事のフッター部に表示される『なうで紹介ボタン』『mixiチェックボタン』『Twitterツイートボタン』『Facebookいいね!ボタン』の4つのボタンです。

ちなみに、これらを一括してすべて非表示にしたい場合は、アメブロの基本設定ページで、『共有ボタンの表示』という項目を『表示しない』にすればOKです。

ですが、この設定では、一つ一つの共有ボタンを個別に消す(非表示にする)ことはできませんので、これをCSSの編集で実現する方法をご紹介したいと思います。

なうで紹介ボタンを消す(非表示にする)方法

『なうで紹介』ボタンを消す(非表示にする)には、ユーザーCSSの末尾に以下のコードを追加してください。

/*************************************************
なうで紹介ボタンを非表示
*************************************************/
.articleExLinkArea .articleExLinkSubArea .nowBtn{
display:none;
}

通常は、コピペでOKです。

mixiチェックボタンを消す(非表示にする)方法

『mixiチェック』ボタンを消す(非表示にする)には、ユーザーCSSの末尾に以下のコードを追加してください。

/*************************************************
mixiチェックボタンを非表示
*************************************************/
.articleExLinkArea .articleExLinkSubArea .mixiBtn{
display:none;
}

これも、通常、コピペでOKです。

Twitterツイートボタンを消す(非表示にする)方法

『Twitterツイート』ボタンを消す(非表示にする)には、ユーザーCSSの末尾に以下のコードを追加してください。

/*************************************************
Twitterツイートボタンを非表示
*************************************************/
.articleExLinkArea .articleExLinkSubArea .tweetBtn1201{
display:none;
}

これも同様に、コピペでOKです。

Facebookいいね!ボタンを消す(非表示にする)方法

『Facebookいいね!』ボタンを消す(非表示にする)には、ユーザーCSSの末尾に以下のコードを追加してください。

/*************************************************
Facebookいいね!ボタンを非表示
*************************************************/
.articleExLinkArea .articleExLinkSubArea .fb-like{
display:none;
}

これも、やはり、コピペでOKです。

共有ボタンを全て非表示(領域ごと)

なお、共有ボタン全てを領域ごと一括してCSSで非表示にすることも可能です。

全て非表示にしたい場合は、一般的には、アメブロの基本設定ページで設定すべきだと思いますが、何か理由があって敢えてCSSで消したいという場合は、この方法で非表示に出来ます。

/*************************************************
共有ボタンを全て非表示(領域ごと)
*************************************************/
.articleExLinkArea{
display:none;
}

以上、アメブロのカスタマイズ向けデザイン『CSS編集用デザイン』の記事下に表示される、各種共有ボタンを消す(非表示にする)方法をご紹介しました。

よかったら参考にして下さい。

アメブロカスタマイズと読者を増やすブログ運営 初心者でもかんたん