▼・ェ・▼にっき。

ゲームをこよなく愛する▼・ェ・▼のメインBlogデス

  当Blogはプロモーションが含まれています

プロフィール欄の設定 - 【 DUDE 編 】

  本ページはプロモーションが含まれています

 

 

f:id:bless-you:20161026194041j:plain

 

他のブログと比べて、プロフィール欄がオシャレなのも「DUDE」の特徴だと思う。

▼・ェ・▼が設定した方法をお話しするね!

 

 

 

 

さてさて。

 

 

【 現時点での My ブログ 】

f:id:bless-you:20161026174032j:plain

 

 

野暮ったさ満載! (๑•̀ㅂ•́)و✧

 

 

今日は、サイドバーの一番上に陣取ってる・・・

 

f:id:bless-you:20161026174312j:plain

 

「プロフィール」欄を 改造するよ!

 

 

 今回、いじる場所は

 「ダッシュボード」⇨「デザイン」⇨「カスタマイズ」⇨「デザインCSS」

 

 

f:id:bless-you:20161026175659j:plain

 

 

『サイドバー』を選択すると、

下の画像のように展開するからね。

『編集』をクリック!

 

 

f:id:bless-you:20161026180021j:plain

 

 

そうすると、下の画像のような小窓が開くよ。

 

 

f:id:bless-you:20161026181135j:plain

 

 

ここで『プロフィール』の設定ができるんだね!

色々とデフォルトの設定を解除&変更するよ!

 

 

  • 「プロフィール」⇨「ABOUT」へ表記変更
  • 「はてなID」表示するのチェックを外す
  • 「読者になるボタン」表示するのチェックを外す
  • 「Twitterフォローボタン」表示するのチェックを外す

 

 

ライター名を署名のように表現

 

/* ライター名を署名のように表現 */
<p class="authorname">
Author: <a href="ツイッターなどリンクしたいサイトのURL">
名前</a>.</p>


 

上記のコードで、赤文字の分部は自分用に変更してコピー。

「プロフィール」→「ブログの説明」の枠内へ貼り付け。

こんな感じになるよね。

 

f:id:bless-you:20161026183223j:plain

 

作者さんは、「プロフ画像も削除」ってお勧めしたんだけどね。

▼・ェ・▼は、あえて残したんだよね。

 

 

そしたらさ。

 

 

f:id:bless-you:20161026183608j:plain

 

 

なんか微妙な位置関係になったよね。

そこで▼・ェ・▼思いついた!!

 

 

f:id:bless-you:20161026183906j:plain

 

 

改行をしてくれる </br> を頭に突っ込んだらいいんじゃないかな?!

 

 

f:id:bless-you:20161026184120j:plain

 

やったね! (๑•̀ㅂ•́)و✧

 

 

 

Author の分部を別の表記にしたい

 

/* ライター名を署名のように表現 */
<p class="authorname">
Author: <a href="ツイッターなどリンクしたいサイトのURL">
名前</a>.</p>

 

「Author:」の分部を別の表記にしたい場合は、

青文字の部分を書き換えればOK!

 

▼・ェ・▼はね、「Written by」に書き換えたよ!

 

f:id:bless-you:20161026194041j:plain

 

 

 

手書き風の名前にリンクしたサイトを別窓にしたい

 

デフォルトのコードだとね、同じ窓で展開するんだよね。

これを別窓で展開するようにしたい場合。

 

/* ライター名を署名のように表現 */
<p class="authorname">
Author: <a href="ツイッターなどリンクしたいサイトのURL" target="_blank">
名前</a>.</p>

 

サイトのアドレスの後に、

半角スペース + target="_blank" を追加すればOK! (๑•̀ㅂ•́)و✧

 

 

自己紹介文を記入したいんだが?

 

f:id:bless-you:20161026194247j:plain

 

プロフィール欄のブログの説明のところ。

上のコードの後に、改行して入力したらいいよね!

 

 

 

今日の改造は、これでおしまい!

 

 

 

 

゚*。.ღ ⊹⊱  £ονё & βLёss уoц  ⊰⊹ ღ.。*゚

Thank you.

I love you.