はてなブログカスタマイズ

最近 突然の訃報が多いですね 巨匠の人たちの年齢を考えると まだまだ続くのでしょうね ということで 喪に服す際に ブログの背景も文字も挿入した画像も 一瞬でグレーアウトする呪文です♪ デザイン→カスタマイズ→デザインCSS の /* <system section="background" selected="f39c12"> */body{background:#ffffff;}/* </system> */ の bodyの中に body{background:#ffffff; filter:grayscale(100%);} を書き加えるだけ♪ お試しくださいませ♪

やっぱり、クリスマスには雪でしょう♪ ということで JQueryで雪を降らせてみました♪ 要素の数などを調整した以外は 既存のソースコードです デザイン→ヘッダ→ブログタイトル下に このまま貼り付けると 雪が降ります♪ お試しくださいませ！ <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> <script type="text/javascript"> Date.now||(Date.now=function(){return(new Date).getTime()}),function(){"use str…

✔この記事はこんな人におすすめです ボタンリンクを表示させたいけど、上手くいかないから作り方を知りたい... ボタンリンクをカスタマイズ(色など)したい！ 本記事では、はてなブログでボタンリンクを作成する方法を紹介しています。 筆者もブログを始めた当初、ボタンリンクを作成しようと思ってCCSコードやHTMLコードを書いてみたのですが、何度やり直しても上手く表示されず、苦労しました... なかなか成功しなかった原因は未だに分からないのですが、 改善を重ねた結果、本記事のコードでやっと成功しました！ アフィリエイトのテキスト広告が 自由テキストの場合 テキストが決まっている場合 別にCCS・HTM…

こんにちは。シンプルライフ ナビです。 ブログの読者が他の記事を参照してもらえるように、ナビゲーション・バー（ナビゲーションメニュー）を設置している人も多いと思います。*1 便利なのですが、ナビゲーション・バーが常に表示されていると、記事の表示面積が狭くなってしまいます。 そこで、画面の上下のスクロールの動きに合わせて、ナビゲーションバー（グローバルナビ ゲーションやボトムナビゲーション）を自動表示させたり、消したりする方法をご紹介します。*2 画面の動きに合わせて、ナビゲーション・メニューが自動でオン・オフするのでとても便利ですよ。 (adsbygoogle = window.adsbygo…

【はてなブログ】運営しているブログの最適な画像サイズを知りたい。 【SEO対策】ページの表示速度を上げて、離脱率を下げたい。 画像を軽量化する方法と、実際の効果を教えて！ 「はてなブログ」はページの表示速度が遅いと言われてます。 ページ表示速度が遅いと、せっかく読みに来てくれた人が離れて行ってしまう可能性があり、SEOとして良くありません。 この記事では、ページの表示速度を上げるために、画像を軽量化する方法を解説していきます。 ページの表示速度を上げるために、一番簡単で効果が期待できる方法ですので、積極的に取り組んでいきましょう！ /* ### マーカー ### */ .marker { ba…

高度なカスタマイズの仕方について書きます。HTMLやCSSが分かる方でしたら、そんなに難しくないと思います。どのようになるのか色々試してみてください。 高度なカスタマイズの場所 高度なカスタマイズの使い方 当ブログでの利用例 参考サイト 高度なカスタマイズの場所 サイドバーにモジュールを追加できるのですが、一部のモジュールで高度なカスタマイズができます。高度なカスタマイズができるモジュールは、最新記事、関連記事、注目記事の3つです。 場所は、「ダッシュボード→デザイン→カスタマイズ(工具のマーク)→サイドバー→モジュールを追加」で、最新記事、関連記事、注目記事のいずれかを選ぶと高度なカスタマイ…

今回は、サイドバーを変更しました。アイコンの追加、最新記事にカテゴリへのリンクを追加、広告の追加と表示形式の指定をしました。どなたかの参考になれば幸いです。 アイコンの追加×3 最新記事にカテゴリへのリンクを追加 広告の追加×2 1箇所目:インフィード広告 2箇所目:ディスプレイ広告 ディスプレイ広告の表示形式の指定 参考サイト アイコンの追加×3 サイドバーにある要素にアイコンを追加しました。追加したのは、プロフィール、検索、月間アーカイブの3箇所です。 アイコンの追加の仕方は、以前の記事をご覧ください。 関連記事 はてなブログのアイコンフォントの使い方 最新記事にカテゴリへのリンクを追加 …

ココナラでアイコンを作ってみたいけど、ちゃんと作ってもらえるか不安。収益が少ないうちは無料素材で十分かな･･･？ 本記事ではこんなお悩みを解決します。 先に結論ですが、 ブログやSNSをより楽しみたい人や収益化を本気で考えている人はオリジナルアイコンは必須 絵を書くのが苦手な人は、プロ級の絵をアマチュア価格で作ってもらえるココナラ がおすすめ その理由をココナラ ヘビーユーザーの私が詳しく解説していきますね。 まずは、私の利用履歴をココナラ マイページよりご紹介します。 ココナラ利用履歴（11回分）（ココナラマイページより引用） 自分でもびっくり！ 11回も利用していました。 実は、つい最近も…

●解決 ・記事一覧表示 【はてなブログ】トップページを記事一覧に変更してスッキリさせる方法 | アプリログス ・見出し編集 【コピペOK】はてなブログで使える見出しデザイン19選！CSSを貼り付けるだけ - おおまめとまめ育児日記 ・minimalismの枠線を消したい ブログデザインMinimalismのカスタマイズ その2ナビゲーションバーを枠いっぱいに広げて縦の枠線を消す。 - なまけろぐ ・文字背景に塗りつぶし枠を付けたい コピペするだけ！はてなブログで使えるアレンジ囲み枠１３選 - すまてくブログ はてなブログカスタマイズ記事のまとめ - Minimal Green ・日付表示カスタ…

●解決 ・記事一覧表示 【はてなブログ】トップページを記事一覧に変更してスッキリさせる方法 | アプリログス ・見出し編集 【コピペOK】はてなブログで使える見出しデザイン19選！CSSを貼り付けるだけ - おおまめとまめ育児日記 ・minimalismの枠線を消したい ブログデザインMinimalismのカスタマイズ その2ナビゲーションバーを枠いっぱいに広げて縦の枠線を消す。 - なまけろぐ ・文字背景に塗りつぶし枠を付けたい コピペするだけ！はてなブログで使えるアレンジ囲み枠１３選 - すまてくブログ はてなブログカスタマイズ記事のまとめ - Minimal Green ・日付表示カスタ…

〇〇で稼げるって聞いたからやってみたいなぁ～って思っていませんか？ 思ったらやってみる！速攻やってみる！思うだけじゃぁダメ！動きながら考えろ！ かつての私の状態は、考えるばかりで動けなかった。 分かってるけど動けないって人の方が多いです。 だからこそ動いた人が、手ごたえや変化を早く感じ取り早く稼ぎだすわけです。 この記事では、〇〇で稼げるらしいからやってみたいなぁ～でもなぁ～って人に向けて挑戦してみるべき理由をお届けします。 チャッチャッと動けてる人には参考にならない内容です（笑） もっと参考になる情報を手に入れたい方は是非、メルマガ登録お願いします。 【クリックしてもらえるタイトルの付け方】…

ブログでは稼げない！自分商品販売やスキル販売をしたいけど自信がないって思っていませんか？ 私も自分商品販売をするって無理！自分には商品作成スキルもマーケティングスキルもな！ って思ってたんです。 石橋を叩いてばかりで進めないところがあるんですよね。 ブログにしろ書いてアドセンス貼ってたら稼げるでしょって思ってたくらいですから（笑）。 この記事では、自分商品もしくは自分のスキルを販売している私が、どうやってスキルアップしながら商品販売を広げてるかお話します。 なかなか一歩が踏み出せないと感じる人の背中が少しでも押せたら嬉しいです。 最初の一歩は【ココナラ】がおススメ！1分以内に完了！無料会員登録…

ご訪問ありがとうございます。 こちらは【ココナラ】にて販売中の【はてなブログカスタマイズ】サンプルサイトです。 既存のテーマを利用して【基本カスタマイズ】しています。 無料はてなブログでも有料はてなブログProでも対応しております。 登録がまだの人はこちらで1,000円分ポイント貰えます 【ココナラ無料登録する】 【はてなブログ】カスタマイズサの特徴 サービスの特徴 レスポンシブ対応 ご注意 カスタマイズ内容 【はてなブログ】カスタマイズサの特徴 当サンプルは、シンプルなサイト構築に向いたテーマを利用しています。 カスタマイズに優れているとも言えますが、すべての事が出来るという訳ではありません…

ネットでは、なかなか稼げないし止めようかなぁ～と思っていますか？ 私が初心者だった頃、PVや収益を気にする割に稼げない事に疲れてしまいブログを放置した経験があります。 紛れもなく挫折です。 リベンジを図って1年少しになる今、止めずに良かった！と思えています。 というのも、この1年ほどの間に何度も止めようかという気持ちと葛藤していたんです。 この記事では、1年も経っていないのに収益目的で始めたブログもSNSも何もかも止めようと思っている人に、1年やれば見えてくる景色をお届けします。 始めて数か月で月100万越えしたよという天才の人には全く参考にならない記事となっております。 ■無料メルマガやって…

ブログで稼ぎたいって思って始めても、稼げないしキツイなぁ～って思っていませんか？ かつての私はアドセンス取得してブログを始めたら稼げるぅ～って思っていました。 アドセンスは稼げてると言えるほど稼げないのが現実であり、稼ぐ為の練習的なものだと気付いたんですよね。 じゃぁ結局、ネットを利用して何をしたら稼げるのだろうと考えるようになりました。 私は、考えてばかりで1年は過ぎた事が今では実に勿体と感じています。 1年あればかなりの成果を感じていただろうなぁ～と【ココナラ】や【Udemy】で自作商品を販売から1年経った今、実感しています。 ココで止まっている人、ココで止めてしまう人、ココまでも行ってな…

はてなブログのカスタマイズって、HTML/CSSが出てきたり、設定項目が多くて難しいですよね。 はてなブログを始めたけど、カスタマイズのやり方がわからない。 デザインを丸ごとお任せしたい。 カスタマイズより記事執筆に時間をかけたい。 無料版でもキレイなデザインにしたい。 そんな方向けに、はてなブログ歴4年、HTML/CSSの知識のある私が、ココナラで「はてなブログのカスタマイズ」やってます。 デザインを丸ごとカスタマイズ致します。 無料版でもOKです！ 今回はそのサービスについてご紹介させていただきます。 サンプルデザイン デザイン1 デザイン2 デザイン3 デザイン4 基本サービスと料金。 …

【ブログ】で稼ぐを目指しているけど、なかなかうまくいかないなぁ～と悩んでいませんか？ かつての私は『そもそもブログで稼ぐってどういうこと？』と思っていました。 アドセンス広告貼ったら収益が自然発生するとすら思っていましたから（汗） 【ブログ】で稼ぐという事は、【広告収入】か【自分商品収入】の２つです。 これらが外枠になり、その中にアドセンスやアフィリエイト、自作のKindleやAudible販売といったものが存在します。 それぞれには、収益を得る為のコツや戦略、向き不向きなどがあります。 そこを理解して取り組む事で収益化は期待できます。 この記事では、簡単に収益化する方法の特徴と稼ぐ為に押さえ…

はてなブログをカスタマイズしていると、ヘッダーに大きめの画像を使いたいときや、プロフィール欄の画像を大きくしたいときなどに、「はてなフォトライフ」に画像をアップロードする場合があります。 関連記事：【ツール】はてなブログのプロフィールをカスタマイズ - monoのメモ帳 関連記事： できるだけ綺麗な画質でヘッダーの画像を作りたい｜はてなブログカスタマイズ - monoのメモ帳 はてなフォトライフを使ったことがなくて、「アップロードの仕方がよくわからない」という方のために、今回は「はてなフォトライフの画像のアップロード方法」を画像入りで解説します。 はてなフォトライフについて はてなフォトライフ…

前回は、JavaScriptを使ってブログのトップへ戻るのボタンを作ったのですが、buttonタグを使ってトップへ戻るのボタンを作ると、buttonタグには文字が必要というエラーが出てきてしまうことに気づきました。 過去記事：トップへ戻るのボタンを作る｜はてなブログカスタマイズ - monoのメモ帳 HTMLとCSSだけのトップへ戻るボタン HTMLサンプル HTMLとCSSだけのトップへ戻るボタン CSSサンプル ということで、今回はbuttonタグの代わりにaタグを使ってトップへ戻るのボタンを作ることにしました。 やりたいこと JavaScriptを使わずのトップへ戻るのボタンを作りたい（…