Site will be available soon. Thank you for your patience!

おはようございます！みのり(@minorijinsei）です。 前回の記事で、今までおろそかにしていた「読者目線のブログ作り」をこれからしっかりやっていこうと決めた私。 読みやすいブログを目指して、「文章だけじゃなくてやっぱりデザインも必要よね」とはてなブログのカスタマイズ系記事を色々漁っていると、止まらなくなり…。 ここ２日は記事も書かずにカスタマイズの沼にはまっておりました~。 今現在も色々試行錯誤中なので、ブログ内が工事中のようにしちゃかちゃに荒れておりますが、毎日少しずつ整えていきたいです。 今日は、今回のカスタマイズの参考にせて頂いた記事をお礼の意味も込めて紹介します。 はてなブログの初心者さんにもおすすめな、「コピペのみで出来る！」簡単カスタマイズ記事もあるのでぜひ読んでみて下さいな。 目次 目次 はてなブログをオシャレにしたい人必見の記事 ブログ見出しのカスタマイズ記事 はて

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

ブログのアクセスアップ、マネタイズについては「ブログで稼ぐ方法 | 30万PV・10万円稼ぐまでにやってきたアクセスアップとマネタイズの方法を全部書く」にまとめてますのでぜひご覧ください。 こんにちわ、はてなブログのカスタマイズを夢見て手が付けられていないコトリです。 今年に入ってからはブログ用にtwitterを開始しはてなブログだけじゃないブロガーやアフィリエイターをフォローしていろんなブログを見てきました。はてな以外だとWordpressを使っている方を多くフォローしているためブログカスタマイズに興味をもつようになったんです。 はてなブログのカスタマイズ事情 ブログをカスタマイズする前に考えておきたいこと カスタマイズに夢中になって記事更新を怠るべからず 時代はPCじゃねー。モバイルだ はてなブログ モバイルを魔改造しているブログ 太陽がまぶしかったから iPhoneのこととかいろいろ

つまり、基本的にはHTMLがしっかりしていれば文章自体は存在するんですが、CSSも上手く使ってやらないと見やすくならないということですね。 他にもJava Scriptなどを使うと、文章に「動き」をつけることが出来ますが、基本的には上の２つを使ってカスタマイズするのが主流な流れだと思ってください。 はてなブログ：PC版カスタマイズ PC版でカスタマイズしている部分は、以下の通りです。 ブログデザインテーマ＆記事幅 デザインはブログテーマの「Innocent」です。このテーマは、少し設定するだけで簡単にグローバルメニューが設置できるのが魅力です。 記事幅に関しては、初期設定だとAdsenceが記事幅より飛び出してしまっていたので、720pxに変更しています。「Innocent」を作った作者の半月さんがカスタム記事を書いているので、そちらを参考にして変更しています。 記事自体は「Blank」テ

こんにちは！ バズる…なんて甘美な響きでしょう。ぼくはこれまで一度も経験したことありませんけども、バズったときはそれはそれはうれしいことと存じます。 当ブログのアクセスはほぼ検索から。たまにTwitterから流入があるくらいで、なんのためにはてなブログしてんのかなぁって思うこともしばしば…。 そんなぼくの心の拠り所はアドセンスの金額の推移を眺めることで、金額の変動がないときはイライライライラしてます。 現状バズ未経験。そんなおもしろい記事も書けないし、タイトルもステキな目を引くものは付けられない。コツコツとただひたすらに記事を重ねるだけのぼくがどのくらい稼いでいるのかを書きます。 今回の記事を読んでもらえばバズらないといけない…なんて心配をせずにコツコツ自分の書ける分野で続けることである程度は稼げることがわかると思います。 まったく注目されない零細ブロガーの収入とは？ ぼくは現状まともに稼

こんにちは！ 今日は半日かけてブログカスタマイズを行いました。というのもゆきひーさん(id:ftmaccho)が作ったサイドバーのタブメニューをどうしてもブログに入れたかったんですけど、それまでつかっていたテーマだとぼくの知識不足でうまくできなかったんですよ。 だったらそろそろ新しいテーマにしたかったし、この際テーマごと変えてしまえ！！とブログテーマをまるっと変えてしまいました。 いやぁ、分かってたことですけどテーマを変えるのって大変ですねぇ。CSSをまたイチからいじらないといけないから素人のぼくでは何をどうやってたかサッパリでもうむっちゃくちゃ。勉強にもなったし楽しかったんですけどね。 変更したテーマとカスタマイズした箇所 変更したのはシロマティさん(id:shiromatakumi)の『Brooklyn』です。 shiromatakumi.hatenablog.com そして導入したか

タイトルの通り、ブログについて少し変更を行ったので 記録と報告として書いておきます。 ブログ名について 砂漠に一軒家 「ぴろぐ」に変更 同じタイトルのブログがあった テーマをBrooklynに変更 成功してるブログをパク…真似る H2が上手くできなかった そんなわけで ブログ名について このブログは、もともと 「趣味とお金とビルメンの日常」 というタイトルでスタートしました。 2016年1月末のことです。 しかも、最初は WordPress でのスタート。 つまり、 独自ドメイン と レンタルサーバ にお金を掛けたわけ。 影響されたのはこの記事 www.money-motto.com このブログに辿り着いたきっかけは家計簿絡みだったかな？ 結婚するにあたって、家計の収支をある程度まとめようかと考えていたような覚えがあります。 で、そんなところに 「ブログで副収入を得ている」 なんていう甘い

2016 - 03 - 05 【はてなブログ】最高におしゃれにカスタマイズするのに欠かせないサイトたちを紹介 ブログ運営 おすすめ記事 どうも。ブログカスタマイズがうまくいってルンルン気分の噂のササキです。 ブログのカスタマイズがうまくいって 最高におしゃれになった それなりにおしゃれになったってことで、私がカスタマイズするのに参考にしたサイトたち+αを紹介したいと思います。 +αってなんだ？って思うかもしれませんが+αには私の長い長い自慢話が入ります。みなさんにはたんまりと聞いてもらいます。覚悟してください。 はい。冗談です。「私の使っているテーマは〇〇だ！いえい！」とかそういう感じのが入ります。 【スポンサードリンク】 カスタマイズ後のデザイン PC画面 スマホ画面 <PC編> カスタマイズ  使用したテーマ 読者ボタン・SNSフォローボタン等 <スマホ編> カスタマイズ 使用したテー

「どうも見づらいのう(´-ω-`)」ということで、またもやブログのデザインを変えました。 これで納得しているわけではないので、また変えるかもしれません。 javascript使えばもっと色々出来るんですが、あまり詳しくないし重たくなるので多用は避けたいところ。 htmlとCSSだけの横並びメニューバー javascriptは避けることにして、htmlとCSSだけで横並びの超簡易メニューバーを置いてみました。 ↓の赤枠部分です。 スクロール時の表示位置固定は、個人的に嫌いなのでしてません。 固定したい場合はCSS（position:fixed）で可能です（テスト済みです）。 html ダッシュボード＞デザイン＞カスタマイズ（道具アイコン）＞ヘッダの「タイトル下」に以下のコードを追加 ※2015/11/20：コード訂正しました。 <div id="menubar"> <ul> <li><a h

はてなブログを始めてから、色々なブログを見て思ったこと。 『書いている記事が面白いけど、ブログがカスタマイズされてないから読みづらい』。 せっかくいいこと書いてるのに、それ以上読む気にならなくなってしまうのは悲しい。 今回は、ブログカスタマイズのための記事をまとめました。 ・誰かの目止まるようなブログが作れる。 ・自分のブログ運営が楽しくなる。 上記2点のためにカスタマイズ。 多くのはてなブログのカスタマイズ記事を参考にしましたが、知りたい情報がない場合もあったので、私が個人的に設定したカスタマイズ記事もあります。私の記事に関して不具合や助言があれば教えてください。 【1/26 追記しました。】 はじめに ブログのデザインのために参考にした記事 当ブログのデザインカスタマイズ サイドバーのプロフィール設定 topへ戻る blank の日付を設定する。 続きを読むボタンの位置の設定 複数のサ

どうもこんばんは☆ 私は自分のブログ向上の為に他のブログを見ることが多いのですが、画面右下にトップへ戻るボタンが付いているブログを良く見かけます。 ↑こんなヤツです。今見ているこのページにも付いていると思います。 スクロールしても画面右下に固定で出てきて、これをクリック（スマホの場合はタップ）すると一発でページの先頭に戻れる優れもの。 とても便利なので私のブログにも設置したいと思い設置方法を検索しました。 スクリプトとかCSSとかあまり良くわからないので、色々な記事を参考にしながら試行錯誤してみた結果、理想に近いもの出来ましたよ！！ ということで、今回は私が行ったはてなブログでの「トップへ戻る」ボタンの設置方法を紹介していこうと思います。 参考にしたサイト： jQueryでスクロールすると表示する系いろいろ | webOpixel トップへ戻るボタン設置方法 ①HTMLの記述 <p id=

こんにちは！あきばはら（@tsurare01）です。 ブログのテーマを変更と、ちょっとしたカスタマイズを行いました。 今回は、全くの初心者でもできる簡単なブログカスタマイズについてまとめたいと思います。 行ったのは次の３つ。 おしゃれなデザインのレスポンシブデザインテーマ「Brooklyn」 記事の下におすすめ記事を表示する「あわせて読みたいG」 Googleアドセンスの貼り方の見直し 読了までの時間はおよそ3分程度を想定してサクっとまとめたいと思います。 手順に沿って行うだけでこのブログとほぼ同じデザインになりますので、現在のデザインにあきてしまったという方はぜひお試しください。 それでは順に紹介したいと思います。 おしゃれなデザインのレスポンシブデザインテーマ「Brooklyn」 以前採用していたシンプルなテーマも好きでしたが「Brooklyn」に変更しました。 この「Brooklyn

Site will be available soon. Thank you for your patience!

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

9/7追記：全体的にボタンのサイズが大きかったり、他のテーマでやると、円形のフォローボタンのデザインが悪かったりしたので、調整をしました。 また、サイドバーにも馴染むようなフォローボタンサンプルも追加しました。 9/9追記：feedlyのURLが間違っていました！「http://www.yukihy.com/feed」を「自分のブログのURL」に変更ではなく、「http://www.yukihy.com」を「自分のURL」に変更でした。大変失礼いたしましたm(_ _)m 10/2追記：独自ドメインを取得している方は、はてなブログでのドメインを入れないとFeedlyのフォロワー数が違くなるようです。詳しくは「http://www.yukihy.com/entry/feedly-follower-mistake」をどうぞ 10/16追記：はてなのボタンをポップアップにする方法を「その他のカスタ