Site is undergoing maintenanceSite will be available soon. Thank you for your patience!
はてなブログのCSS構造をやっと理解した話。どのブログテーマを利用していても、オリジナルのブログデザインに変更可能です。 - クレジットカードの読みもの
最近になってはてなブログのCSS構造をやっと理解した私。 いやね、このサイトであればFresh Greenというブログテーマを選んでしまっている以上、それを改編するにはそのテーマのCSSを読み込んだ上じゃないとデザイン調整できないとずっと思い込んでいました（汗）。 だから、大幅にサイトデザインをいじる場合には下記3つのCSS*1を読み込む必要性があるために、CSSがグチャグチャになってしまうんだろうと思っていたんです。 従来の私の中のイメージ： はてなブログの公式CSSを読み込む はてなブログテーマのCSSを読み込む 管理画面で追加した部分のCSSを読み込む 仮にこのままガシガシとデザインを調整してしまうと、とんでもなく出来の悪いCSSになります（指定した記述を上書きして、更にまた上書きすることに）。 はてなブログのCSS構造について： 実際にはシンプルな構造だった： 赤枠を削除すると表示
はてなブログで2年以上更新してきたので生き残っているカスタマイズを大体晒すよ - 心に火を、指先にペンを
かれこれ2年以上はてなブログを利用しているわけですが、当ブログもこの2年でこつこつのプチ整形とメイクをしつづけ2年前の面影はほぼなくなっております。 今でこそはてなブログはオシャレなテーマや多くのカスタマイズ記事が出てきておりますが、私がはじめたころなんて全然ありませんでした。スマホなんてひどかったもんですよ、本当に。カスタマイズ記事を書いてくれる人には頭が上がりませんね。 ただそれらの記事を精査せずに使い続けると「あれ？このコードなんだっけ」とか「なんかデザインが干渉しとる…」とか色々ありましてこの半年ぐらいいろんな人の手を借りながら断捨離したり、新しいカスタマイズをしたりしていたのでその辺をまとめてみようかなと。 はてなブログで2年以上更新しているアフィカスクソブロガーのカスタマイズ事情を晒します…というのがこの記事の趣旨でございます。 基本デザイン PC スマートフォン 無料公開され
YouTubeを埋め込んでも重くならないようにする方法がめっちゃ良かった - SHIROMAG
私のブログでは音楽を扱った記事が多いので、大量にYouTubeを埋め込むことが多々あります。 しかし、あまりにたくさんのYouTube動画を埋め込むと、ページの読み込みに時間がかかってしまいます。 そんな悩みを抱えていたある日、下のような記事を発見しました。 追記:元ネタのブログが消えてしまいました。 おお！これこそ、私が探し求めていた記事だ！ この記事で紹介されているコードを参考に、もっと利用しやすいコードに修正してみました。 クリックすると動画が再生されるのが分かるように マウスホバー時のエフェクト YouTubeとは関係ない画像まで消えてしまう問題を解決 以上の3点を実装できるように、コードを改良しました。ブログ主の錠前さんの許可はいただいております。 YouTubeを大量に貼っても重くならないコード [はてなブログでの利用方法]まずはこちらのCSSをデザイン→カスタマイズ→デザイン
ブロガー必見！劇的にシェアされるタイトル付けテクニック３０選【保存版】 - オモロク
2017 - 05 - 31 ブロガー必見！劇的にシェアされるタイトル付けテクニック３０選【保存版】 当ブログではタイトルの付け方に関して、前回、具体的な手法をお伝えしました。 上記の記事を端的に説明すると「誰に何を届けるのかをタイトルに集約させる」といった内容になります。読まれるタイトルを付けたければ、届けたいターゲットのことを深く考えないといけません。ただし、そうした解説を受けて多くの人は、このように感じてしまったはずです。 タイトルにそんな時間をかけれない なるべく時間をかけずにタイトルを付けたい もっと楽して読まれるタイトルを付けたい ですよね。 そこで私は、今回そうしたニーズに応えるべく、誰でも簡単に真似できるタイトル付けにおける「黄金の型」をセレクトしてあなたにお伝えすることにしました。 考えるのが面倒なタイトルも「型」さえ知ってしまえば、一瞬で秀逸なタイトルを作成できます
副業サラリーマンにおすすめしたい「開業届け」のメリット - RepoLog│レポログ 統計データを使って様々な暮らしをレポートするブログ
今年もやってきました、確定申告シーズン。 かくゆう私自身も、今年初めて確定申告なるものを行ってきました。初めての確定申告という事で大変四苦八苦したわけですが、何とか無事終えることができました。 そこで、本日は私のようにサラリーマンをやりながら、これから副収入を得ていこう（すでに得ている）という方が今後確定申告をする際、少しでも参考になるよう私自身が確定申告を完了するまでに体験したことや取り組んだこと、取り組んでいることを紹介していこうと思います。 ブログ収入がある方は、是非参考にしてみてくださいね。 ブログ収入を目指すなら、「開業届」を提出しよう ブログ収益は突然上がる 開業届は簡単＆恩恵がスゴイ 白色申告もめんどくさい 白と青10には差がない！？ 本日のレポート考察 ブログ収入を目指すなら、「開業届」を提出しよう ブログで何かしら収益化を目指す方に、まずおすすめしたいことは「開業届」を税
【反面教師】「読まれないブログ」を分析して「読まれるブログ」を目指す - 自由ネコ
「読まれるブログの共通点って何なんだろうな…？」 って話です。 ブロガーにとっては、ある意味、永遠のテーマですね。 ふと思っただけなんで、深い検証など一切なし。 ちょっと逆側からアプローチしてみました。「読まれないブログ」の傾向を考える。 私は、いわゆる「人気ブログ」をあんまり読みません。 全く読まないわけじゃないけど、人気のあるブログを読むヒマがあったら「面白いのにまだ人気が出ていないブログ」を読みたい、って思っちゃうので。 まだ世に出ていない、埋もれているナイスブログを発掘する作業の方が全然、ワクワクするような気がして。 青田買い精神。 「◯◯◯はワシが育てた」みたいな。 アンド、 「他人のブログを読み漁ってるヒマがあるなら、自分のブログを書かなければ…」っていう気持ちもあります。 そういったわけで、すでに市民権を得ているような人気ブログを目にすることはそれほど多くありません。 したが
Google画像検索で商用フリー素材を一発検索できるURLショートカット - NaeNote
こんにちは、NAEです。 ブログなどの記事を書いているとアイキャッチ画像を準備するのに時間がかかりますよね。 記事の内容にあった素材を探すところで時間を食ってしまう人も多いのではないかと思います。 ぼくもその一人です。記事のメッセージをズバッと表現しているものはなかなか見つかりませんよね。 そこで最後の奥の手、 Google画像検索 を使って商用フリー素材を探すことがあるのですが・・・ 検索条件にいちいち 「商用フリー」を設定するのが手作業で面倒 だったので、 最初から設定済のURL を見つけ出しました。 ぜひブラウザのブックマークへ保存して活用いただければ。 今回はそんなお話。 ※最後に注意点がありますので必ずお読みください Google画像検索は最強の画像ライブラリ Google画像検索では「商用フリー」で絞り込みができる 「商用フリー」が設定済のGoogle画像検索URL 注意点：G
Search Console（サーチコンソール）で1記事1記事の検索順位を調べる方法【絶対保存版】
では、早速どんな設定をしたらあなたの記事の特定のページが今どんなキーワードで何位くらいにいるのかが分かるのでしょうか？実際にサーチコンソールの画面を使いながら解説をしていきたいと思います。 まず、今回の方法はGoogle Search Consoleにブログサイトを登録していることが条件です ただし、気を付けてほしいことがあります。あらかじめ、Google サーチコンソールにあなたのブログサイトの登録をしておく必要があります。 今回の記事を読んで『じゃあ僕もやってみよう！』という事で、今日からサーチコンソールにサイトの登録をしてもすぐにはデータは取れません。という事で、まだサーチコンソールにサイトの登録をしていない場合は、以下の記事を参考に登録作業をやってみてください。 ▼Search Consoleをこれから使い始める場合はコチラ↓ 『Search Console（サーチコンソール）への
ブログ収入を10万円稼ぐまでにやったこと【具体例、SEO対策、マネタイズなど】
こんにちは、つっちーです。収益がやっと10万円超えました。 今回は、一つの節目として、どうしても書いておきたかったので、書いておこうと思います。 最初に言っておきますが、10万円は誰でも可能です。 出来る限り包み隠さず書いていこうと思いますので、収益をあげたいと思っている人で、これからブログ始めるという人や伸び悩んでいるという人の参考になれば幸いです。 ※ただし、10万円を超える収益を持っているブログはごまんといます。自身も7桁は超えたので目指せ8桁です！ はじめに ネット上では惜しげもなくノウハウを公開しているところもありますし、詐欺まがいの怪しさ満載のところもあります。ネットに知識のない人はその見極めが出来なかったり、コロッと騙されることもあるかもしれません。結局のところ自分自身で見極めるしかないので、是非色んなサイトを見て下さい。その中に正解があります。 また、収益と言っても、サロン
無料会員でも出来る！スマホ版はてなブログのカスタマイズまとめ！ - どんどん着々アニメ
より読みやすいブログのためにもカスタマイズするのは大事ですよね。特にスマホ版サイトのカスタマイズは重要だと思います。 ですが、はてなブログ無料会員だと、スマホ版サイト専用のカスタマイズが出来なくて苦労している人も多いかと思います。 しかし！ 少し工夫すれば、はてな無料会員でもスマホ版サイトのカスタマイズはある程度可能です。 そこでこの記事では、レスポンシブに変えること無くできる、有用なカスタマイズと具体的な導入の仕方を紹介していきます！ 導入の仕方ははてな無料会員向けに書いていきます。はてなProの方は、参考にした記事を一緒に貼っておくので、そちらを参考にしてみてください。 カスタマイズをする前に ソーシャルボタン PC版表示の調整 見出し あわせて読みたい 記事の一部を隠しておくボタン 追尾メニューバー PC版表示の調整 メインカテゴリーへのリンク集 PC版表示の調整 最後に カスタマイ
はてなブログで独自ドメインに変更する際、変更後にやる事 - 今日はヒトデ祭りだぞ！
www.hitode-festival.com そんなわけで独自ドメインにしました。 結構面倒なのかなって思ってたんですが、やってみたら案外大したこと無かったんで、やるべきことの一覧とかをざっくりまとめておきます とはいえ、とりあえずこれには目を通しておくことをオススメします help.hatenablog.com また、独自ドメイン変更前に、アナリティクスとウェブマスターツールの関連付けを行っていない人はやっておきましょう 詳細はこれの上の辺りを www.mayoinu.com 独自ドメイン変更って結構ハードル高かったりするんで、そういう人の背中を押せれば幸いです というわけでやっていきましょう あ、はてなブログproじゃないと出来ないんで注意してくださいね！ 1.ドメインを取る とりあえずお名前.com に行って、好きな名前のドメインを取ろう。他にもいくつかドメインを取れるサイトはある
はてなブログをカスタマイズ。基本の3箇所をCSSでデザインする。 - スキナモノート
はてなブログをこれからカスタマイズをしていきたい。そんな時におすすめなテーマが『Report』です。公式テーマなのでインストールをしなくても使えます。 なぜ、このReportがカスタマイズにおすすめかと言うと、限りなくシンプルだからです。 特にサイドバーのアイコンも付かないところが良い。本当になんの飾りもない。限りなくゼロに近いんですよね。だからこそ、カスタマイズにはうってつけのテーマだと思います。 これからこのブログもカスタマイズをしていく訳ですが、まずはReportの中身をもっと知ろうと思い、もう一つ、カスタマイズ用にブログを作ってみました。 スキナモノートでカスタマイズしていくと、なんかごちゃごちゃになってしまいそうなので（笑） customibu.hatenablog.jp それに、せっかくはてなブログもPROにしたのですから、ブログを10個作れると言う特典も有効利用しようかと。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.tarappism.com/entry/hatenablog-customize-6