すずろぐ

人生大逆転を目指す、鈴木俊吾の成長日記

ブログ運営-カスタマイズ

YouTube動画の埋め込みをCSSでレスポンシブ対応にする方法

こんばんは、すずしんです。ちょっと質問ですが…。 あなたはブログ記事にYouTubeの動画を埋め込んだことはありますか?特に対策を何もしていない場合には…。 そのまま動画を埋め込むと、その動画はレスポンシブには対応していません。 なので、特にスマホで…

おすすめ記事のリンクを枠で囲うことで強調するカスタマイズ方法

こんにちは、すずしんです。みんな大好きブログのカスタマイズ! 今回の記事で扱うのは、おすすめ記事のリンクを枠で囲うことで強調させるカスタマイズ方法です。ここでやっている事は非常に単純なのですが…。 意外に効果が出るかもしれませんよ? 試してみ…

テキストを蛍光ペン風にマーキングするCSSの設定方法

こんにちは、すずしんです。他の方のブログの記事を読んでいると…。 文字の強調の手段として、蛍光ペンでマーキングしたような線が使われていることがあります。 例えば、こんな風にテキストにひかれているのですよね。これを見ていて、私もぜひ使ってみたい…

はてなブログの目次のデザインをCSSで変更する方法

こんばんは、すずしんです。はてなブログでは、目次を記事に表示することができるのですが…。 デフォルトのデザインだと、目次が何というか味気ないですね。そこで、CSSを使って目次のデザインを変更してみることにしました。 もし、このデザインが気に入っ…

コピペでOK!はてなブログで記事の読了時間の目安を表示させてみた!

こんばんは、すずしんです。今回は、はてなブログの記事の表示面でのカスタマイズという事で…。 記事の読了時間の目安を本文前に表示させてみることにしました。実装方法としては、記事の読了時間を計算するJavaScriptのコードを貼り付けるだけです。 コピペ…

はてなブログで関連記事をスタイリッシュに表示するならMilliardがおすすめ!

こんにちは、すずしんです。最近、はてなブログのカスタマイズをしている私なのですが…。 今度は関連記事に注目しました。標準では、はてなブログは関連記事を記事に表示できませんね。 そこで、関連記事を表示する方法を探していたのですが…。 その時に「Mi…

簡単カスタマイズ!はてなブログでトップページを記事一覧にする方法

こんにちは、すずしんです。はてなブログのトップページは、標準では最新記事の全文が掲載されていますよね。 別にこれでも良いと言えば良いのですが、1つの記事が長くなってくると次の記事を読むまでにスクロールをかなりする必要があります。 読者がトップ…

WordPress Adsense広告を記事途中に自動挿入する方法

おはようございます、すずしんです。 私はWordPressのブログに「Google Adsense」の広告を配置しているのですが…。 ふと、その広告を記事の途中に設置して表示させたいなと思いました。 そうすれば、記事を読みに来た方なら、まず確実に広告を見ることになり…