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澄川・ライフデザインスクール
川上 雄大