BloggerでアイコンWEBフォントを使ってみた

Bloggerでアイコンを使う際、いちいち画像を作るのが面倒くさい場合などにアイコンフォントを使用してアイコンを自由に使える方法があります。

「Font Awesome」というWEBフォントを使用することです。

画像ではなく、あくまでもフォントのため拡大してもきれいなままで、色も変えることができます。

Bloggerで構造化データのエラーが出てたのでschema.orgでマークアップしてみた

このブログにおいて、「Search Console」にて「構造化データ テスト ツール」にて確認を行ったところエラーが出たので対処してみました。

参考にしたページ

• bloggerでの「構造化データ」エラー解決法【参考サイト一覧】

Bloggerで独自の404ページをカスタマイズする方法

ブログ内に無いページURLを検索した時、または、以前あったけれども、何らかの理由で削除された時は、そのページに対して404を返すようになっています。

その404ページを、自分独自のデザインにカスタマイズすることができます。

Bloggerにてツイートボタンを設置してみた

ツイートボタンを設置することにより、ブログのアクセス数が上がればいいかなという希望的観測のもとやってみました。

Bloggerでステータスメッセージをエラー時以外表示させない方法

ラベルごとに投稿記事を表示させると、「**というラベルの投稿を表示しています。 すべての投稿を表示」といったステータスメッセージが表示されます。

この表示はいらないと思っている人も多いと思います。

今回は、エラー時（４０４）以外、ステータスメッセージを表示しない方法を書きます。

Bloggerにパンくずリストを表示する方法

現在見ているページがトップページから観てどの位置にいるかを示し、ユーザーおよび検索エンジン両者に対して重要な役割を持っている「パンくずリスト」を設置してみました。

Bloggerで画像の枠を消す方法

画像を表示させる際、デフォルトでは枠線がついていますが、Bloggerの標準テンプレートを使っているで必ず現れる現象です。

うっとうしく見える場合消すことができるので、消してみました。

Bloggerに「カエレバ」で作成した広告を貼ってみた

先日、アフィリエイト広告のASPであるもしもアフィリエイトに登録し、「Amazon」、「楽天」、「7net」との提携が承認されました。

しかし、個別に広告を作成していては時間がかかるので、同じ商品について1つの表示ですべてのリンクが作成できないか調べてみたところ

　「カエレバ」

にて作成できるので作成してみました。

BloggerでモバイルテンプレートでSNSボタン設置方法

先日、Facebookのいいねボタンやはてなブックマークボタンの設置をしましたが、モバイルテンプレートで確認すると表示されないため、新たに設置する必要があります。

ボタンの設置方法は下記参照してください。

• Bloggerで個別投稿ページにFacebookのいいね！ボタンを設置する方法
• Bloggerではてなブックマークボタンを個別投稿に追加する方法

Bloggerにhighlight.jsを設定してコードの表示を変えてみた

ブログにコードを掲載する際、きれいに表視させるには結構手間がかかるものです。

javascriptとCSSを併用すればきれいに表示できるのですが、一から作りこむとなると一苦労です。

シンタックスハイライトというものを利用すればきれいにコードを表示できるようで、いろいろ試しましたが、highlight.jsが動作が軽かったので当ブログにも設定してみました。

Bloggerで更新ping

Bloggerには、更新pingの機能が無いため、外部サービスにて行うしかありません。

そこで、今回３つの方法で対処しました。

Bloggerに設置しているFacebookのいいねボタン用にアプリIDを取得

先日、

• Bloggerで個別投稿ページにFacebookのいいね！ボタンを設置する方法
• BloggerでOGP設定方法

にて、BloggerとFacebookの連携をより確かなものにするために、アプリIDを取得し、ブログに反映させました。

忍者AdMaxに登録してみた

訪問者がクリックして商品が売れた時に報酬が発生する広告と表示されたりクリックされるだけで広告収入が得られる広告があります。

今回は、表示されたりクリックされるだけで広告収入が得られる「忍者AdMax」に登録してみました。

BloggerでOGP設定方法

先日、Facebookの「いいね！」ボタンを設置しましたが、Facebookにシェアやいいね！をした情報をもとにブログをたくさんの人に見ていただくためにはOGPを設定しなければならないという情報を検索で見つけました。

自分が実践してみた結果を踏まえて書きたいと思います。

Bloggerではてなブックマークボタンを個別投稿に追加する方法

はてなブックマークボタンを追加する方法が簡単だったのでやってみました。

Bloggerで個別投稿ページにFacebookのいいね！ボタンを設置する方法

ブログ記事を見ていると、結構なページでTwitterやFacebookのボタンを見かけます。

SNSとの連携はブログアクセスアップにおいて有用だと思います。

今回は、自分もFacebookの「いいね！」ボタンを設置してみたので方法を書きます。

Bloggerでメールフォームを個別ページに作成する方法

あけましておめでとうございます。
本年もよろしくお願いいたします。

２０１７年最初の投稿は、メールフォームを個別ページに作成する方法です。

ウィジェットに、連絡フォームがありますがなんか使い勝手が悪いと感じたので、あちこち検索して作成してみました。

Bloggerで個別ページに最新記事の一覧を表示する方法

最新記事を表示するフィードガジェットではなく、個別ページにて表示させたいと思い、調べていたら

Blogger JSON Feed API

というページが見つかり参考にさせていただきました。

Bloggerトップページを個別のページにする方法

一般のブログであれば、トップページは最新記事の概要がいくつか表示されるのみで味気ないものが多いと感じており、他のブログとは違う部分を作ってみようとこのブログを作るにあたり、トップページをホームページ風にしたいと思い、実行した方法を簡単に記してみます。