アメブロ プロフィールページのアメンバーになるボタンを消したい | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンワンポイントレッスン!

PCインストラクターの川上です。


このような↓ご質問いただきました↓↓↓

アメブロのプロフィールページの「アメンバーになる」を消す方法ってあるんですか?


川上雄大のワンポイントレッスン


ブログ記事のサイドバーのプロフィール下のボタンを消す方法はわかるのですが、

川上雄大のワンポイントレッスン
 
プロフィールページ内のボタンの方が消せなくて・・・

そうですね、ブログ記事のプロフィール下のボタンを消す方法はこちらで書いていますので、ご参照いただいて・・・


今回は、ブログ記事のページではなく、プロフィールページの方のカスタマイズですね。

ブログ記事のページであれば、CSS編集でカスタマイズすることができます。

しかし、プロフィールページのカスタマイズはCSS編集追加ではできません。

では、どこでするのか?

プロフィールページの「フリースペース」を利用するのです!
注! ブログ記事のフリースペースではなりませんので、間違わないでください。)

まず、マイページを開きます。

そして、右上の三本線のボタンをクリックします。

川上雄大のワンポイントレッスン

そして、「プロフィール」欄内の「フリースペース」をクリックします。
注! 「ブログ」欄内の「フリースペース編集」ではありませんのでお間違いなく)

川上雄大のワンポイントレッスン

すると、プロフィールのフリースペースが表示されますので、

1.タイトルを入力して
2.次のコードを入力(または↓をコピー&ペースト)します。

<style type="text/css">#leftArea #userLink #amember{display:none;}</style>


<style type="text/css">から</style>の部分は必ず『1行』にしてください。

川上雄大のワンポイントレッスン

そして、「保存」ボタンを押します。

川上雄大のワンポイントレッスン

「あなたのプロフィールを更新しました。」と表示されますので、
「自分の公開ページを確認する」をクリックして確認してみます。

川上雄大のワンポイントレッスン

すると、プロフィールページから「アメンバーになる」ボタンが消えています。

川上雄大のワンポイントレッスン

プロフィールページの他のボタンを消したい場合は、

読者になる
<style type="text/css">#leftArea #userLink #reader{display:none;}</style>


メッセージを送る
<style type="text/css">#leftArea #userLink #msg{display:none;}</style>


ピグともになる
<style type="text/css">#leftArea #userLink #piggtomo{display:none;}</style>


ペタをつける
<style type="text/css">#leftArea #userLink #peta{display:none;}</style>


となります。





<補足>
冒頭のこちらの↓囲い枠は
ここに文章が入ります

このコード↓↓をHTML表示でコピー&ペーストするとできます。

<div style="background-image: url(http://stat.ameba.jp/user_images/20131115/14/sumitak1329/41/c4/g/o0022001612749924726.gif);background-repeat: no-repeat;background-position: 6px 6px;display: block;border: 1px solid #CCCCCC;margin: 10px;padding: 25px 20px 20px 20px;">ここに文章が入ります</div>

または、この画像(↓)を背景イメージに配置するとよいです。


 



以上、ワンポイントレッスンでした。


LIDS澄川・ライフデザインスクール
川上 雄大