読者です 読者をやめる 読者になる 読者になる

NO TITLE

WEBデザインとかブログ運営、社会・経済、音楽などなど

はてなブログでFacebookのアイコンが消えた人は、コードを書き換えて下さい。

Facebookのアイコンが消えた場合の対処法 どうやらはてなブログでFacebookのアイコンが表示されなくなっているようですね。 ということで、はてな側で用意しているWEBアイコンではなく、Font Awesomeのアイコンを利用しましょう。 記事上か記事下、もしくは…

おすすめ記事・関連記事のリンクを枠で囲って目立たせるカスタマイズ

リンクを目立たせよう クリックして欲しいリンクがある時、ただ単にリンクを貼るのではなく枠で囲って目立たせてみましょう。 できる限りコードはシンプルに、コピペだけでできるようにしました。

はてなブログのAMPでアドセンスを入れる方法が発見される

きっかけはコチラの記事。 sore.konoblog.com もともと、<amp-ad>を使った方法があったのですが、はてなブログでそれをやるとタグが消えてしまっていたのです。</amp-ad>

ブログカスタマイズサービスを始めます

ブログのカスタマイズサービス始めます はてなブログのカスタマイズをするサービスを始めます。 いずれはWordPressにも広げる予定ですが、現状ははてなブログのみです。 現在好評につき、1ヵ月半ほどお待ちいただいております。ご了承ください。 メニュー表 …

はてなブログ非公式テーマ『百科事典的な何か』を公開しました(Githubに)

テーマストアではなくGithub テーマストアには公開していません。 Githubにあげているので、使いたい人はCSSをコピーして使ってください。

CSSの読み込みを遅延させるJavaScriptコード

JavaScriptで外部ファイルの読み込みを遅延させる PageSpeed Insightsでサイトの速度チェックをすると、次のような提案が出てくることがあります。 スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する これは、he…

Brooklynのグローバルナビをドロップダウンにする方法

Brooklynのグローバルナビをドロップダウンにする 昨日、デザインテーマ「Brooklyn」のCSSを少し改良し、グローバルナビにドロップダウンのメニューを追加できるようにしました。 デモサイトのグローバルナビ(ヘッダーの所にあるメニュー)の項目にマウスを…

必見!はてなブログのカスタマイズを一気に紹介する

はてなブログのカスタマイズ方法まとめ 今回ははてなブログユーザー向けに、はてなブログのカスタマイズ方法を紹介した記事をまとめました。 もしかしたらあなたの知らないカスタマイズがあるかもしれませんので、ぜひぜひご覧ください。おそらく、この手の…

吹き出しで会話形式にするのをめっちゃ楽にしてみた【はてなブログ】

2016年10月2日17:53に追記:コード修正したのでそれ以前にコードを貼り付けたかたは貼り直しお願いします。お手数おかけいたします。 CSSとChrome拡張を使って会話形式の記事を書く 今回は、はてなブログで簡単に会話形式の記事を作る方法を紹介します。 吹…

【はてなブログ】記事のカテゴリーによってオススメ記事を切り替える方法 Ver.2

先日作ったカテゴリごとにおすすめ記事を切り替える方法がめちゃめちゃ好評だったので、もっと簡単に導入できるようにコードを改良しました。 カテゴリごとにおすすめしたい記事を選んで、それを表示させる方法です。 jQueryを使っているので上記記事より少…

(グルグルする不具合治しました)Facebookの仕様変更があったので、シェア数カウントのコードを修正して下さい

先日公開した記事の内容を一部変更して再度アップしました。 コードを修正しました。Facebookのシェア数がグルグルしたまま数字が表示されない不具合を治しました。値が「0」だとグルグルしてたみたいです。グルグルしている人は再度コピペで書き換えておい…

レスポンシブに対応したサイドバー固定Ver.2(はてなブログ向け)

サイドバーの固定は以前にも記事にしたのですが、テーマによってはうまくいかないことがあったので、一旦記事を下書きに戻しました。今回、コードを修正して再度記事を書き直しました。 サイドバーの固定って何?? サイドバーの一番下に表示させている項目…

はてなブログの読み込みを速くするために行ってきたことまとめ

はてなブログをカスタマイズしすぎると、読み込み速度が遅くなってしまいます。できる限り速度の低下を防ぐための施策を書きました。

【はてなブログ】記事のカテゴリーによってオススメ記事を切り替える方法

追記:この記事には導入が楽な最新版があります。 shiromatakumi.hatenablog.com 昨日、ふと思いました。 「はてなブログって、カテゴリーごとに<body>のクラス名がふられるんじゃね?」</body>

YouTubeを埋め込んでも重くならないようにする方法がめっちゃ良かった

/* YouTube埋め込み用 */ .youtube-light { display: inline-block; position: relative; overflow: hidden; width: 320px; height: 180px; } .youtube-light::before { position: absolute; content: "Click to Play"; color: #fff; text-align: center; fo…

ぴえええええ!Facebookのシェアボタンのコードを修正して下さい(はてなブログ向け)!!

シェアボタンのカスタマイズ記事をお探しの方はこちら↓↓ 2016年5月18日より前にシェアボタンのカスタマイズした人は要注意!! まず始めに言っておきます。はてなブログでシェアボタンカスタマイズしている人の9割くらいはFacebookのシェアボタンでエラーが…

はてなブログをカスタマイズしてる人向け。jQueryの読み込みを速くするためにコードを変えてみた

はてなブログって基本的にページの読み込みが遅い上に、カスタマイズのためにjQueryを利用するとさらに速度が遅くなってしまいます。うちのブログはいじりすぎて遅い…。 少しでもjQueryの読み込みが速くなるようにコードを変えてみました。

新しいデザインテーマを作ったけど、結局お蔵入りになりました

昨日、新しいデザインテーマを作成してみたのですが、諸事情によりお蔵入りすることに決定いたしました。 以前作ったデザインテーマ。 大変嬉しいことにこれが好評だったので、調子に乗って新しく作ってみました(配布はしてない)。

質問用ページ

はてなブログのデザインテーマ「Brooklyn」の記事(上の記事)のコメント欄がいつの間にか質問コーナーに...。だいぶコメント欄が長くなってしまったので、新しくページを立てます。 「Brooklyn」に関する質問、カスタマイズに関する質問などはこちらにどう…

コピペで簡単!はてなブログのシェアボタンをカスタマイズ

今回はシェアボタンを作ってみました。シェアボタンのカスタマイズ記事はすでにたくさんの人が書いてるので、供給過多ぎみですが… もし気に入ったデザインがあったら使ってみてください。全部で4種類作りました。作りすぎ??

コピペで簡単!CSSではてなブログの見出しをカスタマイズ!

ブロガー必見記事 ブログでお小遣い稼ぎする方法大公開 - NO TITLE 今回はたくさんの見出しを作ってみました。コピペだけで、はてなブログの見出しがカスタマイズできます。デザインは選べる8種類! CSSの勉強にもなると思うので、WEBデザイン勉強中の人も必…

はてなブログの超便利なデザインテーマ「Brooklyn」を作りました

3日ほどブログを書いてませんでしたが、その間テーマを作ってました。 その名も「Brooklyn」。 デモ用のブログも作成したので、どんなデザインなのか見てみて下さい。

はてなブログのカテゴリーが縦に長くなるのを解消する

縦に長くなるカテゴリー欄をすっきりさせる ブログをたくさん書いていると、カテゴリーが多くなってしまい、利用しているテーマによってはサイドバーにあるカテゴリー欄が縦に長くなってしまいます。 コンテンツよりもサイドバーが長くなってしまうのは、な…

はてなブログのヘッダーメニューの設置とカスタマイズ(PC用)

ヘッダーにメニューを設置してカスタマイズしました お詫び:今回の記事は「コピペで簡単」って記事ではないです。 スマホ対応はまだしてませんが、パソコンで見るとタイトル下にメニューが表示されます。 メニュー自体は前から設置していたのですが、ちょこ…

はてなブログの読者登録ボタンの設置やカスタマイズ

読者登録ボタンを増やしてみよう 「読者になる」ボタンが見つからないブログってたまにないですか?どっかにボタンがあるんでしょうけど、中々見つからないことがあります。 これです↓↓ 実は読者登録ボタンは増やしたり好きなところに設置することができます…

CSSではてなブログをカスタマイズしてみよう

※この記事を書いた後に再度カスタマイズをしてしまったので、後で書き換える予定です。 カスタマイズ記事をお探しの方はこちらへどうぞ↓↓ ブログのデザインを一新してみました 当ブログのデザインをリニューアルしました。今回は、ブログのデザインをカスタ…

はてなブログでHTML・CSSを使ってみよう HTML編

本記事はHTML編ですので、CSSのカスタマイズはこちらを参考にして下さい。 shiromatakumi.hatenablog.com HTML・CSSが分かると便利 ブログでのHTMLやCSSの使用はある程度制限がありますが、使い方を知っておくと結構便利です。WEBサイトを作るとなると、覚え…