うぇぶ活

沖縄に移住していたが、故あって名古屋へ移住したカップルweb人がアフィリエイトでダブルフリーランスを目指すための活動雑記

ブログtips

はてなブログ グローバルメニューの文字をホバーしたら他の文字が半透明表示になるCSS

はてなブログはWordPressみたいにカスタマイズできるというものではないので、せめてグローバルメニューくらい目立たせないとなぁと思います。 今回はグローバルメニューのメニュータイトルにマウスカーソルを移動させたら、他の文字が半透明になるというカ…

はてなブログのカスタマイズ!シンタックスハイライトを挿入する

はてなブログのカスタマイズを紹介する際、CSSやHTMLのシンタックスコードを表示することがあります。 枠線で囲んでスクリプトやソースコードを記述するだけでも良いのですが、できたらシンタックスハイライトで表示した方が分かりやすくなります。 プログラ…

サイトの画像はCCライセンス素材を使おう・・・オススメの無料画像素材サイト紹介

ブログなどのウェブサイトに画像を使用する場合、他のサイトから勝手に画像を使用すれば、著作権侵害になります。 「引用元」を表示すれば問題ないという人もいますが、著作権者が「引用は認めない」と主張すれば、これも著作権侵害に当たります。 そうなら…

はてなブログを独自ドメインで設定したらGoogle設定等を変更しよう

はてなブログ で独自ドメインでの運用をする場合、設定自体はそれほど難しくはありません。 しかし、独自ドメイン変更後にGoogle Analytics(アナリティクス)やAdSense(アドセンス)、Search Console(サーチコンソール)、AmazonへのURL申請、他のASPへの変更届…

簡単にできる!はてなブログを独自ドメインに変更したときの手順

はてなブログProを利用していますが、長年 サブドメインで運用していました。 この1〜2年はあまり更新を行っていなかったので、死に体ブログ状態でした。 ココで奮起して再活動をスタートすべく、独自ドメインへ変更しようと決意しました。 記事内容の精査は…

はてなブログの画像をスニペットにして 無理やりGoogleフォトから貼り付ける

2020年7月現在ははてなブログでGoogleフォトがうまく動作しません。 しかし、かといって従来どおりの方法で「はてなフォトライフ」に保存すると、ブログがバンしたり、WordPressなどに引っ越すときに画像データを引き継げないので移行時に手間がかかりすぎま…

はてなブログにコンテンツを開閉させるアコーディオンのボックスを設置した

はてなブログに長い参照文や資料の掲載する時、記事自体が長くなりすぎダラダラ感を感じてしまいます。 そんな時はクリックでコンテンツを開閉させる、アコーディオンで折りたためば簡素化された記事になります。 例えば商品説明など、興味があれば見るけれ…

はてなブログにGoogle AdSenseに必要なプライバシーポリシーとCookieポリシーを設置する【コピペ可】

はてなブログに限らないのですが、サイトでGoogle AdSenseを貼ろうとすれば、プライバシーポリシーの設置が必要となります。 これは、アドセンス審査にも関わってきますので、きっちり表記しておきたいものです。 また今後、Googleではプライバシーポリシー…

はてなブログに蛍光マーカー風ラインを引くようなアニメーションを実装

最近、投稿記事内の強調したい文章や文節に蛍光ペンでラインマーカーを使用しているサイトが特に目立ちます。 パッと見た目のインパクトはありますし、何を強調しているのかわかりやすいですよね。 ではもう少し強調して、今この文節のように、読む直前に蛍…

はてなブログにGoogleの新しいAdSense自動広告を設置してみた

2018年2月20日Googleは新しいAdSense自動広告をリリースしました。 自動広告はサイトのページに適した広告を自動配置するという、画期的な機能です。 スニペットコードを貼り付けるだけで「テキスト広告とディスプレイ広告」「インフィード広告」「記事内広…

Chromeで はてなブログの大見出しを<h2>で記述する方法2つ

はてなブログのhタグで、記事ページにh2タグが欠落している問題ですが、Chromeを使用している人は拡張機能を入れることで解決します。 大見出しがh3になっているっておかしくない? Chromeの場合は拡張機能で jQueryで書き換える方法 まとめとして 大見出し…

はてなブログにGoogleインフィード広告を設置してみた

Googleのインフィード広告はサイトと親和性がよく、溶け込んだような配置ができる機能ですが、「はてなブログ」の記事一覧に表示させようと調べてみました。 割りと簡単に設置できるようなので早速試しました。 Googleインフィード広告を取得する Google イ…

WordPressからはてなブログへの引っ越しは止めた方がいいたった1つの理由

はてなブログからWordPressへ引っ越しする人も多いと思いますが、反対にWordPressからはてなブログへ引っ越しする場合もあると思います。 今回は記事の一部をWordPressからはてなブログへ移行しました。 やり方はとても簡単なのですが、後々かなり面倒なので…

ブログ記事を書く時のコツ 起承転結はぶっ壊そう

ブログというより文章を書くときは自分がどう伝えるかではなく、相手にどう伝わるかが重要です。 また、自分が知りたいことの順序ではなく、相手が知りたいことの順序で書いていきます。 物語は起承転結で書かれていることが多いのですが、ブログ記事の場合…

はてなブログの画像をGoogleフォトで管理すべきたった1つの理由

アナタは はてなブログの画像はどのように管理されていますか? 私はGoogleフォトで管理するのがベストだと思っています。 今回は、はてなブログのカスタマイズとは違いますが、画像管理は重要なポイントになりますので、最初に行っておいたほうが良いと思い…

【まとめ】はてなブログを始めたときに行った5つのこと

このブログを始めたときに行った5つのカスタマイズを紹介いたします。 使用したテーマははてなブログテーマで一番人気がある「Brooklyn」です。 基本的な設定は色んなサイトが紹介していますが、自分でちょっと迷ったところを備忘録的に残しました。 Google…

はてなブログカスタマイズ トップに戻るを簡単に設置する

このブログを開設した時に行ったカスタマイズを紹介いたします。 記事が長くなるとページをスクロールして下の記事内容を見ますが,ページの下の方に行くとページトップへ一気に戻りたくなります。 そんな時「ページのトップに戻る」ボタンがあれば解決しま…

はてなブログカスタマイズ グローバルメニューにアイコンWebフォントを使う

このブログを開設した時に行ったカスタマイズを紹介いたします。 グローバルメニューを設置しているブログは多い。 そのメニューの頭にはてなブログのアイコンWebフォントを表示させ、見た目の印象を変えてみました。 使用したテーマははてなブログテーマで…

はてなブログカスタマイズ 人気テーマBrooklynの吹き出しを削除

このブログを開設した時に行ったカスタマイズを紹介いたします。 使用したテーマははてなブログテーマで一番人気がある「Brooklyn」ですが,見出しやサイドバーの吹き出しがあまり好きではなく,これを削除しました。 その時の対応を備忘録を兼ねて記事にし…

はてなブログカスタマイズ ヘッダー画像がスマホで小さくならない

このブログを開設した時に行ったカスタマイズを紹介いたします。 せっかくヘッダー画像を準備したのに,レスポンシブデザインを採用した時,スマホで見えるヘッダー画像サイズが小さくならずに苦労しました。 その時の対応を備忘録を兼ねて記事にしました。 …

はてなブログカスタマイズ 簡単!Google ウェブフォント設定

このブログを開設した時に行ったカスタマイズを紹介いたします。 フォントはGoogleウェブフォントを利用しました。 フォント設定は簡単ですので試してみて下さい。 使用したテーマははてなブログテーマで一番人気がある「Brooklyn」です。 Googel Fontsへア…