ブログ運営・カスタマイズ
副業でブログをはじめようという人に向けてはてなブログとワードプレスどっちをやったらいいの?という疑問に答えていきます。結論人によるのですが、どういう人にどっちがいいのかも含めてじっくり解説します。 はてなブログのメリット はてなブログのメリ…
はてなブロガー用に簡単なブックマークレットを作ってみました。 と言っても自分が使うものが中心なんですが、お役に立てば幸いです。 ブックマークレット登録仕方 chromeであればURLバーの☆マークをクリックして「編集」で名前とURLに下記ソースをコピペす…
4つまとめ ブルブルして止まる アンダーラインが広がる 浮いて影ができる 右に背景色が伸びてバウンスする まとめ ※ブラウザはFirefox,Chrome,IE11で検証済みです。レスポンシブデザイン対応です。part1は下記記事です。 読者になるボタンの表示設定や、CODE…
GoogleAdsense利用者にはお馴染みのこちらのTOP画面ですが、気づいたら、ナビの下に 「実践ガイド: ユーザエンゲージメント」を無料でダウンロードしウエブサイトのマネタイズ戦略に役立つ方法や実例を取得しましょう とあることに気づきました。オンライン …
読者になるボタンの表示設定 読者になるボタンをカスタム化 CODEPENの見方 html css まとめ 読者になるボタンを目立つようにデザインのカスタマイズをしてみました。 (最近こちらの記事が読まれて嬉しい限りです。追記しております。2017/8/22)※ブラウザは…
2017年の最初の喜びはこれでした。 なぜなら Google Adsense審査が2016年から厳しくなっている(と言われている) 審査期間が最大3日間かかるとされていましたが1週間ほど何も通知が来なかった からです! 合格してわかった2017年Google Adsense審査の仕様 …
funclurブログのモジュール一覧を作ってみた。 見出しやリストなどサイトを作る上で繰り返し使う部品(パーツ)をWeb制作会社の中ではモジュールやコンポーネントと呼びます。このモジュール一覧は、大抵一般には公開せず制作者がサイトの更新や改修などで他…
【はてなPROの申し込み】→【独自ドメインの取得】と来て、いよいよ【Google Adsense申請編】です。 ※初めに言っておきますが、1/7現在まだ申請中になります。。1/9申請が通りました!Google Adsense審査の通り方~完結編~はこちらをご覧ください↓ www.funcl…
先日はてなPROの申し込み方について書きました。www.funclur.com今回はGoogle Adsense申請通過3ステップの2つ目、独自ドメインの取得です。 独自ドメインの申し込み方 ドメインとは? 使用可能か検索する どのドメインにするかを選ぶ 注意 会員登録して購入 …
※1/5現在Google Adsense審査中です。2016年3月にこのブログを始めた訳ですが、その頃になんとgoogle Adsense審査の仕様が変わり、独自ドメインじゃないと審査が通過しないようになりました。 その為、この一年余り、はてなPRO→ドメイン取得→google Adsenseの…
なぜハンバーガーメニューは嫌われているのか。 何のためのアイコンかわからない 行き来する際のアクションの多さ ハンバーガーメニューを辞めた企業 はてなぶろぐでハンバーガーメニューを辞めました。 改善策 自分のブログの場合 行ったこと スマートフォ…
クリスマスだしはてなブログに雪降らせてみました。 簡単に雪を降らせる方法なのでやってみてください。https://github.com/loktar00/JQuery-Snowfall通常は上記からダウンロードしサーバーにjsファイルや画像をアップロードすることで実現しますが、はてな…
タイトル通りはてなブログのカテゴリを整頓してみました。 before:127記事中カテゴリ40個 after:127記事中カテゴリ16個 半分以上削れました! カテゴリが増えすぎた カテゴリが増えすぎました。 元々なぜこんな増えたのかというと、もともとテーマとか決め…
はてなブログで過去記事を貼ったとき、下記画像のようにTOPやアーカイブページでは過去記事の内容は消えて自分のurlだけ表示されるのが謎でした。これって自分だけなのかと思って別の方のはてなブログのアーカイブページを見ましたが同じようになっていたの…
表示速度の重要性 表示速度測定方法 表示速度を改善する方法 1.画像 2.css 3.余計なJSを減らす 4.css3を積極的に使おう 5.圧縮する 6.lazyload.jsで画像の読み込みを遅らせる 7.余計な機能を取り外そう 8.広告をはずす まとめ 表示速度の重要性 今もこれから…
イベントや、店内など人物が入っている画像は、肖像権があるためアップしてはいけません。photoshopでぼかしを簡単に入れることができるのですが、ぼかしの境界線がくっきりついてしまってあまり綺麗ではありません。今回は、ブログでよく必要になる人物ぼか…
思い切ってはてなブログTOPページをカスタマイズしてみました。 もっと言うといらないものを削除しました。[:contents]カスタマイズに至った経緯は以下です。 1.続きを読むの「====」が面倒くさかった。忘れてしまうし。 2.そのため自動で一定の文字量で3点…
1か月間ブログを毎日書こうと思った理由 今月6月は毎日ブログを書いてみる事にしました。 突然思い立ったのですが、理由は何個かあります。 本業が忙しくて書く時間がない 最近はというと出勤が9:00で帰宅が0:00過ぎという「殺す気か!?」とツッコんでくれ…
記事が消えた 過去に書いた下記の記事がいつの間にか消えていることに気づきました。funclur.hatenablog.com 気づいた前日まではあったと思うんです。その時何をしていたか思い返してみると、スマホでアプリをバージョンアップさせて例の消えた記事を多少修…
目次 はじめに before after さらにカスタマイズ 変えて良かった点 はじめに 他の方のblogを見てデザインにおいて真似したくなったり、こういう方がいいなというところがでてきました。 全体の幅を広めたい グローバルナビを置きたい(将来的に) レスポンシ…
目次 スムーススクロールとは 設置方法 html css 軽く説明 #btn-topは丸い円 位置の指定 背景色 円 サイズ 透明度 #btn-top a:afterは矢印 回転 js まとめ スムーススクロールとは スムーススクロールとはアンカーリンクをクリックするとページ内の目的の場…