funclur

東京の片隅で社畜を謳う

ブログ運営・カスタマイズ

GoogleがGoogleAdsenseユーザエンゲージメントガイドを無料で配布中!

GoogleAdsense利用者にはお馴染みのこちらのTOP画面ですが、気づいたら、ナビの下に 「実践ガイド: ユーザエンゲージメント」を無料でダウンロードしウエブサイトのマネタイズ戦略に役立つ方法や実例を取得しましょう とあることに気づきました。オンライン …

【はてなブログ】読者になるボタンのデザインカスタマイズ4つ

読者になるボタンを目立つようにデザインのカスタマイズをしてみました。※ブラウザはFirefox,Chrome推奨です。IEだとcss3に対応していないため上手く動作しない可能性があります。 通常の読者になるボタン 読者になるボタンは通常サイドバーにあります。管理…

2017年Google Adsense審査が一発で合格した~合格してわかった仕様変更と合格する方法~

2017年の最初の喜びはこれでした。 なぜなら Google Adsense審査が2016年から厳しくなっている(と言われている) 審査期間が最大3日間かかるとされていましたが1週間ほど何も通知が来なかった からです! 合格してわかった2017年Google Adsense審査の仕様 …

モジュール一覧

funclurブログのモジュール一覧を作ってみた。 見出しやリストなどサイトを作る上で繰り返し使う部品(パーツ)をWeb制作会社の中ではモジュールやコンポーネントと呼びます。このモジュール一覧は、大抵一般には公開せず制作者がサイトの更新や改修などで他…

2017年Google Adsense審査の通り方~Google Adsense申請編~

【はてなPROの申し込み】→【独自ドメインの取得】と来て、いよいよ【Google Adsense申請編】です。 ※初めに言っておきますが、1/7現在まだ申請中になります。。1/9申請が通りました!Google Adsense審査の通り方~完結編~はこちらをご覧ください↓ www.funcl…

2017年Google Adsense審査の通り方~独自ドメインの申し込み方編~

先日はてなPROの申し込み方について書きました。www.funclur.com今回はGoogle Adsense申請通過3ステップの2つ目、独自ドメインの取得です。 独自ドメインの申し込み方 ドメインとは? 使用可能か検索する どのドメインにするかを選ぶ 注意 会員登録して購入 …

2017年Google Adsense審査の通り方~はてなPRO移行編~

※1/5現在Google Adsense審査中です。2016年3月にこのブログを始めた訳ですが、その頃になんとgoogle Adsense審査の仕様が変わり、独自ドメインじゃないと審査が通過しないようになりました。 その為、この一年余り、はてなPRO→ドメイン取得→google Adsenseの…

はてなブログでハンバーガーメニュー辞めました。 2017冬

なぜハンバーガーメニューは嫌われているのか。 何のためのアイコンかわからない 行き来する際のアクションの多さ ハンバーガーメニューを辞めた企業 はてなぶろぐでハンバーガーメニューを辞めました。 改善策 自分のブログの場合 行ったこと スマートフォ…

クリスマスだしはてなブログに雪降らせてみました。

クリスマスだしはてなブログに雪降らせてみました。 簡単に雪を降らせる方法なのでやってみてください。https://github.com/loktar00/JQuery-Snowfall通常は上記からダウンロードしサーバーにjsファイルや画像をアップロードすることで実現しますが、はてな…

はてなブログのカテゴリを整頓してみた

タイトル通りはてなブログのカテゴリを整頓してみました。 before:127記事中カテゴリ40個 after:127記事中カテゴリ16個 半分以上削れました! カテゴリが増えすぎた カテゴリが増えすぎました。 元々なぜこんな増えたのかというと、もともとテーマとか決め…

はてなブログのTOPやアーカイブで表示される謎の自分のurlを消してみた

はてなブログで過去記事を貼ったとき、下記画像のようにTOPやアーカイブページでは過去記事の内容は消えて自分のurlだけ表示されるのが謎でした。これって自分だけなのかと思って別の方のはてなブログのアーカイブページを見ましたが同じようになっていたの…

はてなブロガーのための表示速度を改善する8つの方法

表示速度の重要性 表示速度測定方法 表示速度を改善する方法 1.画像 2.css 3.余計なJSを減らす 4.css3を積極的に使おう 5.圧縮する 6.lazyload.jsで画像の読み込みを遅らせる 7.余計な機能を取り外そう 8.広告をはずす まとめ 表示速度の重要性 今もこれから…

はてなブロガー必見!Photoshopで人物写真にぼかしを簡単に綺麗に入れる方法

イベントや、店内など人物が入っている画像は、肖像権があるためアップしてはいけません。photoshopでぼかしを簡単に入れることができるのですが、ぼかしの境界線がくっきりついてしまってあまり綺麗ではありません。今回は、ブログでよく必要になる人物ぼか…

はてなブログTOPページを思いっきりカスタマイズしてみた

思い切ってはてなブログTOPページをカスタマイズしてみました。 もっと言うといらないものを削除しました。[:contents]カスタマイズに至った経緯は以下です。 1.続きを読むの「====」が面倒くさかった。忘れてしまうし。 2.そのため自動で一定の文字量で3点…

【企画】1か月間ブログを毎日書いてみる

1か月間ブログを毎日書こうと思った理由 今月6月は毎日ブログを書いてみる事にしました。 突然思い立ったのですが、理由は何個かあります。 本業が忙しくて書く時間がない 最近はというと出勤が9:00で帰宅が0:00過ぎという「殺す気か!?」とツッコんでくれ…

はてなぶろぐで書いた記事が消えた!?と思ったけど自分が100%悪かった話

記事が消えた 過去に書いた下記の記事がいつの間にか消えていることに気づきました。funclur.hatenablog.com 気づいた前日まではあったと思うんです。その時何をしていたか思い返してみると、スマホでアプリをバージョンアップさせて例の消えた記事を多少修…

【テーマ:Innocentに変更】経緯やその後のちょっとしたカスタマイズを備忘録目的で書きました。

目次 はじめに before after さらにカスタマイズ 変えて良かった点 はじめに 他の方のblogを見てデザインにおいて真似したくなったり、こういう方がいいなというところがでてきました。 全体の幅を広めたい グローバルナビを置きたい(将来的に) レスポンシ…

初心者でも無料版でもできるスムーススクロール~テーマに追加できるカスタム方法①

目次 スムーススクロールとは 設置方法 html css 軽く説明 #btn-topは丸い円 位置の指定 背景色 円 サイズ 透明度 #btn-top a:afterは矢印 回転 js まとめ スムーススクロールとは スムーススクロールとはアンカーリンクをクリックするとページ内の目的の場…