みなさんこんにちは！
いきなりですが、あなたははてなプロ？ それともはてなアマチュア？？
私、最近になって気づいたんですが、自分が読んでいるブログの殆どの方がはてなPROでした。 ほとんど玄人！！ みんなPRO表示ついてるやん・・・！
このマークのことですよ→はてなブログPro
やはり、PROの表示がついてると「みんなやってるよ？あなたはやらないの？」と言う感じがしてきて、私もPROになりたい・・・！ と思わせてきます。
・・・が。 そんな中、わざわざPRO表示を消したがる人も現れました。
ヒミツ基地のらいちさん(id:AzuLitchi)は殴り飛ばしたくなるくらいにPRO表示がお嫌いらしく、隠れPROになったようです。
私の憧れのPRO表示を消しちゃうなんて・・・！
と、そこで気づきます。 表示をつけたり消したり・・・・？
はっ・・・！ そうだ・・・！
「PRO表示が無いならAMATEUR表示をつければいいじゃない！！」
byアリーサントワネット
「いや、とっととPRO版にしろよ！」っていうツッコミはとりあえず置いておいて・・・（そんなにPV多くないのでそこはそっとしておいて・・・）
前置きが随分長くなりましたが、ここからが本題。
CSSだけで、PROじゃない人がPROじゃないということを主張するための[AMATEUR]を入れる方法を説明します。
ブログ内のプロフィールのところがこんなふうになるよ！
やり方は簡単
span.id:after { content: "AMATEUR"; display: inline-block; font-size: 11px; font-weight: normal; line-height:1; border: solid 1px; border-radius: 5px; padding: 3px 5px; margin-left: 10px; }
※使っているテーマや当たっているCSSによっては余白とか少しずれるかもなので、その場合はpaddingの数値とかを調整してもらえれば良いかと思います！
こちらのコードをダッシュボードの[デザイン]のところから、カスタマイズのアイコンをクリックして、[デザインCSS]のところに追加するだけです。
ね？ 簡単でしょ？
content="AMATEUR";のAMATEURのところを書き換えることで好きな言葉を入れることができます。
たとえばこんな風に「愛の伝道師」になってみたり
時には「さすらいのスナイパー」になってみたり」
すでにPROの方で「表示を変えたい！！」って場合は、[PRO]の表示を消すために下記のコードも追加してくださいね！
.badge-type-pro {display: none;}
アレンジは色々できますので、是非参考にしてみてください！(^0^)/
