YUUU BroG

- ゲームとイラストとWebデザイン -

ブログ-カスタマイズ/Webデザイン

【はてなブログ】ヘッダー・タイトル右上の読者になるボタンを削除・非表示にする方法

本記事ははてなブログを利用しているブロガーさんに向けたカスタマイズ記事になります。 2021年7月13日に突然はてなブログのアップデート?があり、ブログタイトル部分の右上(ヘッダーの右下)に「読者になる」ボタンが表示されるようになりました。謎アプデ…

【ブログカスタマイズ】サイドバーにSNSフォローボタンを追加!インスタ、ツイッターなど

今回は主にはてなブロガーさん向けのカスタマイズ記事になります。 突然ですが、みなさんはどんなSNSを利用しているでしょうか。 ブログを運営するにあたって、SNSというのはとても大事なツールです。 ブログの更新をお知らせしたり、情報収集に活用してみた…

【簡単】CSSだけで要素を点滅させる。画像・枠(border)・テキストなど【animation keyframe】

2019.11.7 更新サイトでアニメーションを実装するとなると、以前はjavascript等を使用しなければならなかったり小難しいイメージがありましたが、最近ではcssのみで簡単に実装することができます。 「CSS Animation」というもので、cssについて勉強したこと…

【簡単・初心者向け】ブログの文字を読みやすくするCSS!「text-align: justify」

2018.4.19 更新普段ネットを使用していると「あ、このサイトなんだかすごく読みやすい」なんて感じるサイトってありますよね。 ブログでも文字の大きさや行間、適度に見出しを付けるなど、ちょっとした工夫で「読みやすさ」を向上させることができます。ブロ…

【簡単】スクロールした時画像を下からふわっと表示させる方法「フェードイン」

2018.9.12 更新いろんなサイトで動きのあるデザインが使用されています。 今回はブログにも簡単に実装できるモノをご紹介したいと思います。

【ブログカスタマイズ】文章にかぶらないドロップダウンメニュー!レスポンシブ【HTML/CSS】

2018.03.05 更新今回はブログのタイトルの下に表示するメニューについて書いていきます。 はてなブログProに加入すると、スマホ表示のデザインを自由にいじることができるようになります。当ブログもPC・スマホで見た目が適切なものに変わる様cssを調整して…

【ジェネレーター】コピペ使用可!コードを書き出してくれる便利な無料サ―ビス5つ紹介【CSS/HTML】

2017.11.28 更新ブログ記事を書くとき、ページを作るときにかかせないcss。要素の色や背景を指定したり、段落の改行位置を変更したり、文字サイズを変更したりと、見た目を自由に変更することができますよね。 しかし、cssはプロパティやセレクタなど覚える…

【CSS】コピペで簡単!文字(テキスト)の下にマーカーを引く方法

2017.11.28 更新ブログでもよく目にするマーカー風の装飾。←こんなやつこれはcssを使って、コピペで設定することができます。見た目のクオリティーを簡単に上げることができ、とても便利なのでご紹介します。

【Webデザイン】配色に悩んだ時に見て欲しい便利なサイト5つ紹介

2018.6.20 更新突然ですが、Webサイトを作成する時や、ブログのデザインをカスタマイズするときに「どんな色を使うか」で悩んだことはありませんか? 背景色、文字色、メニューの色、見出しの色...何となく決めてしまいがちですよね。デザインを決めるうえで…

【簡単】ブログでHTMLソースを共通化!別ページで呼び出す方法を解説

2017.11.28 更新今回ははてなブロガー向けの記事になります。記事を書いていると「あー、この文章(パーツ)他の記事でも使いたいなー」なんて思ったことはありませんか? 「毎回書くの面倒...」「また過去の記事からコピペしなきゃ...」ちょっとした手間も…

コピペで簡単!パンくずリストのデザイン変更【ブログカスタマイズ】

どうも、ゆうう兄(にい)(@hara2_yusuke)です。本日はパンくずリストのデザインを変更する方法について書いていきます。サンプルとして私のブログで使用しているCSSも記述しておきますので、よかったら参考にしてみてください。

ブログ内のカテゴリをカスタマイズ!親カテゴリと子カテゴリを設定してパンくずリストを表示させる!

2017.10.30 更新どうも、ゆうう兄(にい)(@hara2_yusuke)です。最近スプラトゥーンの記事を中心に書いているせいか当ブログのカテゴリーごとの記事数にかなり差が出てきていることに気がつきました。 PCページでは右カラムに表示させていますが、現在のカ…

【初心者必見】ブログを書く上で便利な5つのCSSとclassについて説明する

どうも、ゆうう兄(にい)(@hara2_yusuke)です。今回は主にはてなブロガーさんに向けた記事です。WEBページの見た目(デザイン)を表現するときに「css」というスタイルシート言語を使用します。はてなブログのデザインも、この「css」で表現されているの…

はてなブログ初心者がほぼコピペだけでデザインを変更してみた

どうもゆうう兄です。実はここ1カ月くらい、少しずつブログのデザインをひっそりとカスタマイズしてきました。笑私はproに登録していないのでないので、スマホ版のデザインは変更することができなくて悶々としておりますが...(-ω-) デザインを調整するにあた…