Bloggerでブログ全体のフォントを変更する方法についてメモしておきます。

なお、Bloggerテンプレートをカスタマイズするときはテンプレートのバックアップは必ずおこないましょう。

フォントを変更する

ブログの記事を読みやすくするために、あるいはブログの印象を左右するデザインのために、ブログ全体の書体を変えることができます。

ちなみに厳密に言うと「フォント」と「書体」は意味のちがう言葉なので注意。(参考サイト:“書体” と “フォント” の違い - フォント専門サイト fontnavi



Bloggerのダッシュボード(管理画面)にて、「テンプレート」を選択すると「HTMLの編集」が表示されるので、これをクリックします。 

HTML枠内の検索

HTML枠内で「 font-family 」検索します。

※注意!)カーソルがHTML枠内にない状態で「 Ctrl + F 」を押しても画面右上に検索ウィンドウ(緑色)がでますが、ここに文字を入力して検索しても「font-family」は見つかりません。

「 font-family 」以下を書き換える 

「 font-family 」の次の「 : 」から「 } 」までの間に任意のフォントを記述して書き換えます。

このブログでは、上記の参考ブログにならい、
  font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",Meiryo, Verdana, Arial, sans-serif
という記述になっています。

なお、同じ文字列をなんども記述するときは、コピー・アンド・ペーストを使うと時間短縮になります。
  • コピー:「 Ctrl + C 」
  • ペースト:「 Ctrl + V 」
すべての「 font-family: 」の内容を書き換えれば、ブログ全体のフォントを変更することができます。

テンプレートの保存

HTMLの編集後は必ず「テンプレートを保存」をクリック、技術した内容をしっかりと保存しておきましょう。

カスタムCSSよりHTML編集がおすすめ

ちなみに参考ブログでは、Bloggerの独自機能である「テンプレートデザイナー」にある「カスタムCSS」のなかにフォントを変更するための文字列を記入しています。

しかし、ぼく個人としては、HTML編集の画面に直接コードを書き込んで編集することをおすすめしています。

理由は、カスタムCSS内に記述した内容が自動的にHTML編集の文字列のなかに組み込まれてしまい混乱するため。

また、カスタムCSSをいじっているときにHTML編集の画面を同時に開くと、カスタムCSS内に書き込んで保存したはずの記述内容が消える、という事象がなんどか発生したためです。

なのでぼくは基本的に、テンプレートデザイナーはつかわずにHTML編集画面で直接編集しています。

Bloggerフォントカスタマイズまとめ

フォントとは字体のこと。字体によって読みやすさが変わります。ブログのイメージも変わります。

コピー・アンド・ペーストでできるカスタマイズですので、ぜひチャレンジしてみてください。

ではでは。



当ブログは、Blogger用無料テンプレート・Beat Itをもとにカスタマイズを施しています。
▼ダウンロードページ
Beat It - BTemplates



Beat Itをダウンロードする


BeatIt
「Download」をクリック。ファイルを任意のフォルダに保存し、圧縮ファイルのため解凍しておく。

Beat Itをブログに適用する

Blogger管理画面
ブログ管理画面。
右上の「バックアップ/復元」ボタンをクリック。

ファイル選択

「ファイルを選択」をクリックするとファイル選択画面になるので、解凍した「Beat It」というファイルのいちばん奥にある「Beat It.xml」を選択してアップロードする。

Blogger用無料テンプレート・Beat Itを選んだ理由

Beat Itを選んだ理由
  • デザインがシンプルで好き
  • 画面下ページャーボタン、ラベルデザインなど、欲しかったもの・やりたかったことがそろっている
なにより、カスタマイズがやりやすそうだなーと感じたことが大きな理由です。

このテンプレートを基礎として、さまざまなカスタマイズを施していきます。
他のカスタマイズについてはまたの機会に。

それでは、また。

追記

現在は「Clean」というBlogger用テンプレートを使っています。

a0002_008023

ブログなんて書きたいことを書きたいように書けばいいのよ。

そうは言っても、なかなかブログの更新ができないでいます。ブログ運営だけでなく日常の生活でも、ぼくって本当にだめなやつだと痛感しています。ですが、ちがう言い方をすると、自分自身と向き合って自分を理解するために、ブログ運営は最適なのではないかと感じています。

 



Google Bloggerにブログがロックされましたっ!がっでむっ!!

Bloggerのブログがロックされた状態にになると、管理人である自分しかブログを閲覧することができません。

こまった、こまった。

といっても所詮は無料のサービスを利用し、テスト感覚で始めた過疎ブログですので、このままBloggerおよびブログ人生からフェードアウトするいい機会かもしれない。

と思ったのですが!

ぼくと同じようにブログをロックされるという同じような状況でお困りの方がいらっしゃるようです。

せっかくなのでブログがGoogleによってロックされるという貴重な経験をみなさんと共有したいと思います。

2月は情報セキュリティ強化月間ですって!

インターネットを利用されている賢明なみなさまなら当然ご存知のことかと思います。2月は情報セキュリティ月間です。

もちろん、ぼくはブログを2年以上も続けていますし、ネット、スマホ、パソコンさえあれば1日をムダにできるくらいのネット好きですから当然、知ってましたよ。

ほんと、たぶん。
また、毎年 2 月は日本政府が定める「情報セキュリティ月間」です。「情報セキュリティ月間」は、国民一人ひとりが情報セキュリティについて関心を持ち、理解を深めることができるように定められたものです。ユーザーの安心とセキュリティの確保を最も重要な事柄と考えている Google は、この日本政府の取組みを支持します。


Googleが「内容のうすいサイト」や「パクリコンテンツ」なんかを締め出しにかかっている...なんていう話題も見聞きします。

ブログロックの理由は「マルウェア」

以前に書いたこちらの「「警告:不正なソフトウェアが存在する可能性があります。」という記事で発覚した
kamikaze-blogger.blogspot.jp には、不正なソフトウェアを配布していることで知られる www.abu-farhan.com のコンテンツが含まれています

これが原因でした。

12月、「全記事一覧」をブログに用意したくなりまして、以前に警告が出ていた方法で全記事一覧を作りました。

ウェブブラウザGoogle Chromeで確認しても警告が出なかったので、一週間ほどそのままにしていました。しかし、警告が出ていたこともあったので別の方法で全記事一覧を表示することにしました。

1月、1週間ほど設置していた間にどうやらGoogleからウェブマスターツールの方で警告が来ていたようですが、まったく気づかず。

そして、2月を迎えたところでセキュリティ月間のためにロックされた。どうやらそういう流れのようです。

ロックされたBloggerブログを解除してもらうには?

ひとりでも多くの方にブログを見てもらいたいので、ロックを解除することにしました。

そのためには、ブログロックをGoogleに解除してもらえばいいのですが、しかし、やり方がわからずに調べてみることに。

解除してもらうためにやったことは、
  1. ロックされた理由と原因を突き止める。
    →ロックされたブログの管理画面かGoogleウェブマスターツールで確認する。
  2. 原因となっているものを取り除く。改善する。
    →ぼくの場合は、ブログを構成している「HTML内に不正なコードがある」という指摘だったのでその不正なコードを削除しました。
  3. ウェブマスターツールで改善した内容を伝え、再審査申請。
  4. 心を落ち着け、ロックが解除されるまでまつ。
    →ぼくの場合は、再審査申請を出してから2日くらいでした。

再審査をお願いするにあたっては、Googleが「あんたのブログのココがあかんよー!」と言っている内容をしっかり確認してブログを改善しましょう。

また、再審査申請をしたらゆっくりじっくり待ちましょう。

この間、ぼくは待ちきれずGoogle+やプロダクトフォーラム、twitterでジタバタとコメントしていましたよー同じ境遇の人を探してね。

Google+でアドバイスいただきました!

Google+やプロダクトフォーラム等で解決策を見つけるべく、右往左往している時に、こころ優しい「syui sns 」さんが具体的なアドバイスをくれました。

ありがとうございます。
Jean Kamikaze
ブログがロックされたなり。 
Bloggerダッシュボードからウェブマスターツールで【審査のリクエスト】をクリックしろと言われた。
【ウェブマスターツールを開く】をクリックするとエラーになる。
どうしろと?
('A`)y-~ 

syui sns
»”Bloggerの利用規約に違反している”として、ブログがロックされてしまった時の対処法 – ちむどろいどhttp://chimtty.blogspot.com/2014/02/blog-locked-by-blogger.html

 
他にもBloggerでブログロックされた方がたくさんいらっしゃったみたいです。
 
Jean Kamikaze
Bloggerダッシュボードからウェブマスターツール行って「ユー審査してもらっちゃいなよ!」ってリンク貼ってくれてるんですけど、クリックするとエラーになるぅ...(´;ω;`)
syui sns

まず、こちらのページより、サイトの追加をします。URLは、「.jp」、「.com」両方登録したほうがいいですよ。
https://www.google.com/webmasters/tools/home
「.jp」「.com」というのは、私の場合、以下のようになります。
http://mba-hack.blogspot.jp
http://mba-hack.blogspot.com
次に、それで問題が検出されないようなら、以下の可能性が考えられます。
①問題を抽出されるまで時間が経過していない
>しばらく待ちましょう。2,3日ほど。
②マルウェア以外の別の問題によりロックされている
>②の場合は、どんな理由でロックされたのかをGoogleに質問してみましょう。
③単なるGoogleのミスである
>③の場合は、Googleに報告して待ちましょう。
④ハッキングされてメッセージが削除された
>④の可能性として、ハッキングされてメッセージが削除された可能性も一応あります。ただし、この可能性は非常に低いです。心配なら、アクセスログを確認してみてください。
https://security.google.com/settings/security/activity
⑤ブラウザの問題
>ブラウザを変更して「ユー審査してもらっちゃいなよ!」ってリンクにアクセスしてみましょう。
 
Jean Kamikaze
Bloggerぶろっがー、ロック解除されましたー!
syuiさん、ありがたや。ありがたや。
[.com][.jp]、ウェブマスターツールに登録しましたが、どちらも問題なしでした。
ウェブマスターツールに再審査依頼から1日しか経っていなかったので、ぼくの早とちりかと。




ウェブマスターツールに、ブログのアドレス
  • ブログURL.blogspot.com
  • ブログURL.blogspot.jp
両方を登録し自分のブログに問題がないか確認しました。

結果、どちらも問題はなく、翌日にロックが解除されました。

Bloggerブログがロックされた感想

Bloggerを無料で使わせていただいているので、今回のようにブログがロックされて誰も閲覧ができない状態になったり、いきなりアカウントごと削除されても文句は言えないですね。

これがまた良い経験となるよう、今後のブログ運営に活かしていきます。

まだまだ精進の日々ですが、この記事がお役に立てたら幸いです。

ではでは。