koblog

高校生のWEBデザインブログ

はてなブログ

【悪用厳禁】無料版はてなブログの広告を消す方法【はてなブログ】

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

【はてなブログ】LazyLoadを導入してブログの表示を早くする方法

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

はてなブログのCSSがスマホで反映されないときの対処法

はてなブログではスマホでCSSを反映させるには、設定を少し変える必要があります。またCSSを自作する際にもコードを書き足す必要があります。そこで今回ははてなブログのCSSがスマホで反映されない場合の対処法を紹介します。 テーマのCSSが反映されない 自…

【はてなブログ】トップページなどのアイキャッチ画像を変える方法

はてなブログでは、トップページやアーカイブページなどにアイキャッチ画像を表示させることができます。しかし自分で画像を選ぶには、記事を書くたびにサイドバーから画像を選んで指定する必要があります。 そこで今回はトップページのアイキャッチ画像を一…

【はてなブログ】コピペだけ!パンくずリストのカスタマイズ

SEO的にもユーザビリティ的にも便利なパンくずリスト。はてなブログでは自動で表示できるので、とても便利です。 しかし何もカスタマイズしていないと、少し物足りなさを感じてしまうデザインになっています。そこで今回は、はてなブログのパンくずリストに…

【保存版】Minify化したCSSをはてなブログで読み込む方法

先日から表示速度改善のため、このブログでもCSSの軽量化を試しています。 使ったのはMinifierですが、はじめは軽量化したCSSの読み込み方法が分かりませんでした。そこで今回はMinify化(軽量化)したCSSをはてなブログで読み込む方法をまとめておきたいと…

【はてなブログ】コピペだけで目次をカスタマイズ

はてなブログの機能の中で便利なものとして「目次」があります。 当たり前のように使っている「目次」ですが、手動で書くと各見出しにidを付与するなど、とても大変な作業になります。 さて、とても便利な「目次」ですが初期設定のデザインではあまりオリジ…

【はてなブロブ】トップページのみ1カラムにする方法

先日、このような記事を書きました。 上の記事では、はてなブログを1カラムから2カラム、2カラムから1カラムにする方法を紹介しています。 しかしおしゃれなブログではブログ内で1カラム・2カラムを使い分けていることもあります。そういうブログを見ると…

【はてなブログ】1カラムから2カラム、2カラムから1カラムにする方法

はてなブログの多くのテーマは2カラムで構成されています。利便性を考えれば当然ですが、たまには1カラムデザイン(レイアウト)のテーマも使ってみたいですよね。しかし現状では1カラムでデザインのよいテーマはほとんどありません。 そこで今回は自分で2カ…

画像を比較できる『比較用スライドショー』の設置方法【はてなブログでも可】

レビューブログなどでよく見かける画像比較用スライダー。 初心者には憧れのブログパーツですが、導入はとても難しそうですよね。しかし実際試してみると簡単に導入することができます。 そこで今回はJavascriptを使って簡単に導入できる比較用スライドショ…

自動でリンクカードを作ってくれる「Embed Code Generator」

先日、このような記事を書きました。 今思い返してみると自作では限りがあります。いくらカスタマイズし放題といってもなかなか難しので、メリットはJavascriptを使っていないことぐらいになってしまします。 そこで今回は、自動でリンクカードを作ってくれ…

【はてなブログ】トップページの記事を非表示にする方法

はてなブログの無料版では固定ページをつくることも、トップページの記事を一覧形式にすることもできません。基本的に記事の全文が表示されてしまいます。 それでも、どうしても固定ページを作りたいという人はたくさんいると思います。そんな人に向けて今回…

【裏技あり】はてなブログのCSSを編集する方法

文字の装飾や背景色などブログのカスタマイズで必須のCSSですが、はてなブログは他のブログサービス(特にWordpress)と比べてCSSの編集が分かりづらい・やりづらいと言われています。そこで今回は初心者向けと上級者向けに2通りのCSSの編集方法を紹介しま…

はてなキーワードのリンクを消す方法

はてなブログを使っていると、どうしても特定のキーワード(はてなキーワード)にリンクとアンダーラインが付いてしまいます。このリンクはブロガーだけでなく、見る人にとっても面倒なのです。そこで今回は「はてなキーワードのリンクを無効にする方法」を…

【はてなブロガー必見】今まで使ってきた中で一番おすすめのテーマは〇〇だけ

今回ははてなブログのオススメテーマを紹介したいと思います。 ブログテーマなどブログのデザイン次第でブログのPVは桁違いに変わることがあるので、良かったらこれを機にテーマを変えてみてください。 はてなブログのテーマストアは下のリンクから飛べます…

【初心者必見】はてなブログでヘッダー・フッターメニューを消す方法

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

はてなブログでコメントに返信をする方法【注意点あり】

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

【コピペのみ】ブログのシェアボタンをシンプルでオシャレにカスタマイズしよう!

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

Google code prettifyをはてなブログで使う方法【CDN】

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

はてなブログでFont Awesomeが表示されない時の対処法

記事を移行しました。 約3秒後に自動的にリダイレクトします。 自動でリダイレクトしない場合はこちらからどうぞ。 //

サムネイルPC
POPULAR
サムネイル

【コピペのみ】ブログのシェアボタンをシンプルでオシャレにカスタマイズしよう!

サムネイル

Twitterの「埋め込みタイムライン」を使う方法

サムネイル

【CSS】コードをオシャレに飾るボックスデザイン


スポンサーリンク


NEW POST
サムネイル

2019.8.30 Fri

Xcodeを使ってスマートフォン用サイトの動作確認をしてみる【Mac】

サムネイル

2019.4.09 Tue

【2019年版】Disqusのおすすめ設定

サムネイル

2019.8.07 Wed

JavaScriptでURLを遷移させる【ジャンプページを作る方法】

サムネイル

2019.6.12 Wed

JavaScriptでページのURLをコピーする機能を作ってみる

サムネイル

2019.6.04 Tue

はてなブログのCSSがスマホで反映されないときの対処法

サムネイル

2019.6.03 Mon

Javascriptで「前のページに戻る」リンクを作ってみる