PR：はてなブログのテーマ「Naked」を作成しました！デフォルトでもカスタマイズもしやすいテーマです。よろしければご利用ください！↓ www.yukihy.com 今までいろいろとはてなブログをカスタマイズしてきて、特にシェアボタンなどはいろんなところで使われているようでありがたいです！ 数も多くごちゃごちゃになってきたので、一旦まとめたいと思います。 新しいカスタマイズを行い次第、この記事にどんどん付け加えていこうと思っています。 カスタマイズ記事まとめ 見出しのデザイン SNSシェアボタン関係 旧バージョン 新バージョン SNSフォローボタン メニュー関係 スマホ版のみ グローバルメニューと両立してレスポンシブ対応にする グローバルメニュー（ドロップダウン）&トグルメニューのレスポンシブ対応 グローバルメニュー（ドロップダウン）&スライドメニューのレスポンシブ対応 レスポンシブ対応な

2017/9/22更新 はてなブログのシェアボタンカスタマイズ第3弾は以下の記事から。とにかく動作を軽くしたい方は是非お試しあれ。 はてなブログでめっちゃ動作の軽いシェアボタン作った！ - 技術を磨くだいぱんまん はてなブログのシェアボタンカスタマイズ第2弾は以下の記事から。1弾よりこっちのほうが圧倒的におすすめです。 おしゃれなシェアボタンをCSS＆Webフォントで作ってみた【はてなブログのPC＆スマホ用】 - 技術を磨くだいぱんまん このシェアボタンのいいところは3つ。 CSSのみ（javascriptなし）で作ったので、動作が軽い 色合いが綺麗 一列でシェアボタンを表現できる（横幅320pxベース） コードを載せておきますので、ご自由にお使いください。*1ただ、本当に手作り感満載のコードですので、そこはご愛嬌ということで。 ちみなに、今回のカスタマイズは、はてなブログPro会員でない

ブログのアイキャッチ画像を記事を書くたびに取得してくるのが面倒になったりしていませんか？記事の内容に沿う素材、サイトのデザインに合う素材をと考え始めるとなかなか簡単には選べなくなってしまいます。 且つ、その中でも商用利用可能なフリー素材を集めて来ようとすると大変な作業です。 そんな時に活用していただけるようにと商用利用可能な写真素材を配信しているサイトをまとめてみました。どれも特徴をもったサイトばかりを選んでみましたので、最適な画像素材を選びやすくなるでしょう。もちろん企業のオウンドメディアにも利用が出来るものです。 前半１０選は日本のサイトを、後半の１０選は海外のサイトを選んでいます。ぜひご参考にどうぞ。 １．日本のサイト １－１．ぱくたそ https://www.pakutaso.com/ 時事的なネタを素早くフォローしているサイトです。モデルにも様々なキャラクターを持った方を選出され

この記事は随時更新しております 独自ドメインの登録・設定方法を追加（2017/8/6） おはばんにちわ、みやび（@miyabi_941）です。 このはてなブログもそれなりにカスタマイズしてきましたが、カスタマイズする際に多くの先人はてなブロガー様の知恵をお借りしています。 今回はそんな先人様に感謝の意も込めつつ、はてなブログカスタマイズの超参考になる記事をまとめました。 部分別でまとめているので、自分がカスタムしたい箇所から記事を探してみてください。 もくじ もくじ 初期設定 最低限やっておくべきこと ヘッダー部分 グローバルナビゲーション ヘッダー画像 サイドバー部分 サイドバーにバナー画像を設置 サイドバーにTwitterウィジェット（タイムライン）を設置 サイドバーにFacebookのLikeBoxを設置 サイドバーにAmazonのランキングを設置 はてなブックマーク人気エントリーを

最近、カスタマイズばかりしているゆきひーです。見よう見まねで一通りやっています。デザインとかかなり難しそうだなと思っていたのですが、最初の数個を理解すると意外と応用範囲が広いことに驚いています。 僕がブログを始めたときに困ったのが、見出しをカスタマイズしたいのに全くできないというものでした。「見出し　おしゃれ」とかって検索すると本当に豪華なオシャレなのが出てくるんですよね…。ちょっと線入れたいだけなのに！みたいな。 なので、非常に簡単なものばかりですが、ある意味無機質な見出しコードを10個下に書いていきます。無機質なのでかぶってもOKっす。 基本的にコピペでOKなので活用してみてください！ コードを貼る場所 PC スマホ どの見出しを変える？ 下線 点線下線 上下線 よくあるや〜つ 左だけと背景 四角 角を丸める 影 ぼやかし LIGっぽいかんじ もう少しカスタマイズ 色 文字のサイズ 文

１、無料版はてなブログでもGoogleAdsenseは登録できる。 ※2016.3.26更新 どうも、カタダです。 自分は「はてなブログPro」にする料金をケチる無料版ユーザーなのですが、図々しくもGoogleAdsenseを申請し、無事一発で登録できました。 ネット上にはこの辺に関して誤情報が溢れていたので、これから登録しようとする初心者に向け、この記事を書いてみます。 先に言っておくと、ネット上にはこんな感じの誤情報が溢れています。 ・無料版はてなブログではGoogleAdsenseに登録できない。 →デマです。すでに広告が入っているページでは登録できないという噂が出回っていますが、できます。（実際できた。） ただし、GoogleAdsenseの広告は、1ページにつき３つまでしか表示できないというルールがあります。無料版はてなブログにはすでに１つ表示されているので、２つしか広告を挿入で

※2016/10/23 追記 こんにちは。 ここしばらく書いた記事が、皆様のお陰で３連続ホットエントリー＆100B!超えすることが出来ました。せっかく書いた文章なので、たくさんの人に読んでもらえ、ブロガー冥利につきます。 また、お小遣い稼ぎに設置しておいた広告が、ここ２ヶ月間で合計10万円以上の収益を産んでくれました。収益を目的にしたブログではありませんので、ガッツリ稼ぐことを目的とされている方々から見られると、微々たる金額だと思います。ただ、下記投稿で、hitode様もおっしゃられていたように、ページビュー(以下PV)と同様に、『収益』は何かを書くのにあたって大きなモチベーションになります。 『収益』というとハードルが高そうに思われるかもしれませんが、はてなブログは無料のコースでも、１日100PVくらいあれば月に1000円程度の収益にはなります。この金額をどう捉えるかは人次第ですが、足元

「ブログを始めてみよう！はてなでやってみるか」と思った時に役立つまとめを書いておこうと思い立ちまして。 はてな以外でも新しくブログ立ち上げるときに役立つと思います。「あれ、何やっとけばいいんだっけ？」ってなったときに。また、すでにブログを開始している方も、意外なところに抜けがあるかもしれません。（私はありました。） ここでは、思い立ったときから自由に記事を書けるようになるまで、後々のアクセスアップを見越した設定がとりあえず終わるように書いておきました。全部やっておけば、あとは記事を書くのにだいぶ専念できると思います。 目次 目次 まず、はてなID登録をしよう URLを決めよう 基本的な操作を覚えよう 基本設定をしよう 詳細設定をしよう デザインを変えよう プロフィールを設定しよう グループを設定しよう 最低限のカスタマイズをしておこう おわりに まず、はてなID登録をしよう まずこちらのペ