興味あることを発信していきます。この広告は、90日以上更新していないブログに表示しています。・すぐにやらないクズな自分にダメだし!「すぐやる脳」に切り替えよう。Tweetはてなブログのサイドバーのプロフィール欄をカスタマイズしました。デフォルトだと小さくて目立たないんですよね。プロフィールはブログの顔ということで、画像を大きくして目立つように。調べたら意外とでてこなかったので、まとめてみました。実際のコード例プロフィール欄は定期的に見直しを!まとめデフォルトのサイドバーのプロフィール欄はてなブログではサイドバーにデフォルトでプロフィールが設定されています。画像が小さい丸で目立ちません。設定できる要素もそんなにないんです。読者になるボタンを表示Facebookの友達になる、フィード購読ボタンを表示Twitterのフォローボタンの表示デフォルトで設定できるのこれしかありません。ここにHTMLを書いたり、新たにリンクを追加したりできないんですよね。これはなかなかに不便です。ここで、いじれないなら新たに作っちゃおうぜ!!カスタマイズしたプロフィール欄こちらが新たに作ったプロフィールです。画像をとにかく目立つように。SNSのフォローや読者になるボタン、お問い合わせなど最低限のものをつけています。HTMLほぼほぼ書けないぼくが作ったので、SNSのボタンもっとかっこよくしたい!っていう人は先人のブロガーのみなさんのブログを参考にしてみてください。プロフィール画像を決めようまずは自分にあったプロフィール画像を決めます。ぼくのプロフィール画像は友達に書いてもらいました!ありがとう!デザイナーの友達なんていないよっていう人にはこちらがオススメ。円で自分が気になった作風の画像でアイコンを作ってもらえます。▼こちらのブログでわかりやすくまとまっています。画像のサイズは300px×300px画像のサイズはだいたい300px×300pxを目安にするといいでしょう。ぼくのプロフィール欄の画像は270×270です。画像に枠をつけて目立たせるプロフィール画像にうっすら線をつけて目立たせています。画像に文字を入れたり、ちょっとした編集ならパワーポイントがめっちゃ便利です。ほんの数十秒で枠をつけれちゃいます。SNSのリンクや読者になるボタンやっぱり最低限はプロフィール欄に乗せたいですよね。既存の形でオッケーという人はコードのコピペをすることで簡単にできます。なるボタンとあるのでHTMLをコピペして貼り付けるだけ!プロフィールの作り方デザイン→カスタマイズ→サイドバー→モジュールを追加→HTML。ここまで選択しHTMLを実際に入力します。既存のプロフィールを作り変えるのでタイトルをプロフィールと入力します。ここにベタ打ちで入力していくのですが、コツがあります。ブログの下書き画面で書きたいことや載せたい内容を書きなぐりましょう。リンクも貼りましょう。△こんな感じ次にHTML編集に切り替えましょう。これをただたださっきのサードバーの欄にコピペするだけ。フィリピン留学、おすすめアプリなどなどをマイペースに更新していきます。height='56'></a>プロフィール欄は定期的に見直しを!一度作ったからといって安心せず、プロフィール欄は日々更新していきましょう。ほかのブロガーのプロフィール欄をみるのも面白いし、参考になりますよ。まとめ今回はなにがなにやらわからないっていう人向けの内容です。自分のプロフィールが目立つと楽しいですね。なにもいじってないよって人はぜひ試してみてください。18:00はてなブログカスタマイズ!プロフィールを目立たせてアピール!Tweet広告を非表示にする関連記事2015-09-14【はてなブログpro】有料版にして1か月で1年分の費用が回収できて一安心!久しぶりにあまり旅や留学には関係ないことを書いていきます。・すぐにやらないクズな自分にダメだし!「すぐやる脳」に切り替えよう。フィリピン留学してました就職活動を終え、入社を控えています。フィリピン留学、おすすめアプリなどなどをマイペースに更新していきます。@Matarih1878をフォローはてなブログをはじめよう!panme421さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。