他のブログと比べて、プロフィール欄がオシャレなのも「DUDE」の特徴だと思う。
▼・ェ・▼が設定した方法をお話しするね!
さてさて。
【 現時点での My ブログ 】
野暮ったさ満載! (๑•̀ㅂ•́)و✧
今日は、サイドバーの一番上に陣取ってる・・・
「プロフィール」欄を 改造するよ!
今回、いじる場所は
「ダッシュボード」⇨「デザイン」⇨「カスタマイズ」⇨「デザインCSS」
『サイドバー』を選択すると、
下の画像のように展開するからね。
『編集』をクリック!
そうすると、下の画像のような小窓が開くよ。
ここで『プロフィール』の設定ができるんだね!
色々とデフォルトの設定を解除&変更するよ!
- 「プロフィール」⇨「ABOUT」へ表記変更
- 「はてなID」表示するのチェックを外す
- 「読者になるボタン」表示するのチェックを外す
- 「Twitterフォローボタン」表示するのチェックを外す
ライター名を署名のように表現
/* ライター名を署名のように表現 */
<p class="authorname">
Author: <a href="ツイッターなどリンクしたいサイトのURL">
名前</a>.</p>
上記のコードで、赤文字の分部は自分用に変更してコピー。
「プロフィール」→「ブログの説明」の枠内へ貼り付け。
こんな感じになるよね。⇩
作者さんは、「プロフ画像も削除」ってお勧めしたんだけどね。
▼・ェ・▼は、あえて残したんだよね。
そしたらさ。
なんか微妙な位置関係になったよね。
そこで▼・ェ・▼思いついた!!
改行をしてくれる </br> を頭に突っ込んだらいいんじゃないかな?!
やったね! (๑•̀ㅂ•́)و✧
Author の分部を別の表記にしたい
/* ライター名を署名のように表現 */
<p class="authorname">
Author: <a href="ツイッターなどリンクしたいサイトのURL">
名前</a>.</p>
「Author:」の分部を別の表記にしたい場合は、
青文字の部分を書き換えればOK!
▼・ェ・▼はね、「Written by」に書き換えたよ!
手書き風の名前にリンクしたサイトを別窓にしたい
デフォルトのコードだとね、同じ窓で展開するんだよね。
これを別窓で展開するようにしたい場合。
/* ライター名を署名のように表現 */
<p class="authorname">
Author: <a href="ツイッターなどリンクしたいサイトのURL" target="_blank">
名前</a>.</p>
サイトのアドレスの後に、
半角スペース + target="_blank" を追加すればOK! (๑•̀ㅂ•́)و✧
自己紹介文を記入したいんだが?
プロフィール欄のブログの説明のところ。
上のコードの後に、改行して入力したらいいよね!
今日の改造は、これでおしまい!
゚*。.ღ ⊹⊱ £ονё & βLёss уoц ⊰⊹ ღ.。*゚
Thank you.
I love you.