はてなブログのプロフィールをカスタマイズして大きくしました。パワーストーン個人的なことノーカテゴリーお問い合わせHOMEデジタルインターネットはてなブログはてなブログのプロフィールをカスタマイズして大きくしました。はてなブログのプロフィールをカスタマイズして大きくしました。2018.04.29スポンサーリンクこんにちは、桃太郎です。はてなブログに元々あるプロフィール欄でも満足していたのですが、プロフィール画像が大きいのも見やすくていいなぁと思ったので思い切って変更してみました。こちらの記事を参考にさせていただきました!はてなブログカスタマイズ!プロフィールを目立たせてアピール!もうちょっと詳しい解説を...。現在はワードプレスに移行しています。このカスタマイズははてなブログ用です。スポンサーリンク変更の仕方パソコン表示用です。元々のプロフィール欄はこんな感じでした。うーん、これでも全然いいんだけど、折角頑張って描いたアイコンが小さい...!変更後のプロフィール欄はこんな感じです!どうですか??結構いい感じじゃないですか?(自画自賛w)先ほどご紹介したみっきーさんの記事で、新規記事を作って下書きにしてそこでプロフィール記事を作るとあったので早速作成。その前に、アイコンは300×300で設定。みっきーさんは枠を作ってましたが、私はとりあえず枠なしで。普通に記事を書くみたいに、画像入れてプロフィール欄に載せたい言葉を書きました。ついでにプロフィール文章も変更。方の読者になるボタンに書いてあるHTMLをコピーして貼り付けてください。ツイッターのフォローボタンはTwitterボタンから赤丸部分を画像のように設定します。ユーザー名は自分のTwitterのIDを入れてくださいね。HTMLをコピーして、先ほどのプロフィール記事に追加。追加するときは、見たままではなくHTML編集で追加してくださいね♪ちなみに、わたしのプロフィールの紹介分の青枠の所はこちらを参考に追加しました。【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30先ほど作成したプロフィールをHTML編集の画面でコピーして、ダッシュボードのデザイン→スパナマーク→サイドバー→モジュールの追加→HTMLに貼り付けます。一応これで完成ですが、青枠の差し込み方も載せておきますね。【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30さんから好みの枠を選びます。HTMLの方を紹介分の前後に持ってきます。CSSの方を一番下の方に<style></style>タグで囲って追加します。class=”box14′′>~</div>で囲んだ間の文字の周りに枠が出てきたと思います。これで完成ですね♪まとめカスタマイズが紹介されてるブログは本当に助かります^^お陰様でカッコよくなったと思います!スポンサーリンクTweetShareGoogle+HatenaPocketfeedlyこちらの記事もオススメですはてなブログを使ってる人必見。名前もアイコンも男っぽいですが、女です。好奇心旺盛で、やりたいと思ったことに色々手を出したりするので、このブログも色々なジャンルを書いています。コメントをキャンセルメールアドレスが公開されることはありません。事務の仕事って大変?事務に転職する前に知りたい事務のアレコレ初めていくなら見てほしい!八幡東区のシーサードスパ温泉情報。プロフィール桃太郎こじらせ女子。色々なことに興味を持ち、手を出すのでさまざまなジャンルに詳しくなる。それを生かして、得た知識をブログで公開中。詳しいプロフィールを見るおすすめ記事セルカレンズでケラレが出る!解決法を写真を使って解説します。おすすめの自撮り棒を紹介。買うなら絶対有線タイプ!その理由は?初めて杉乃井ホテルに宿泊する人が行く前に確認しておきたい事。viewお出掛け初めて杉乃井ホテルに宿泊する人が行く前に確認しておきたい事。viewカメラセルカレンズでケラレが出る!解決法を写真を使って解説します。きび団子よりもみたらし。