【ブログ】Blog Map のバナーを作ってみた!

雑記

今回はBlog Map(ブログマップ)のバナーを作ってみたので、

作り方や参考にしたことを載せてみるよ!

ブログ村も参加して公式バナーを貼っているけど、

Blog Map の公式バナーって無いよね?

blogmap

Blog Map って?


みんなのブログの先生 ヒトデさんが

ブログ仲間のひつじさんとワロリンスさんと作成したブログが集まるサイトをリリース!!

三社共同運営なんだって!

ヒトデさんの知名度もあり、

ツイッターでもブロガーさんがリリース直後から登録した!とツイート連発

もちろん、私もいつもの軽い感じでサクッと登録

基本設定のヘッダーを作る

Blog Map 基本設定でヘッダー画像を設定できます。

細長い画像の方です。

PCとモバイルで見え方が違うので、ちょっと遊んでみました。

推奨は1140×240

基本設定 ヘッダー

いつもCanvaでアイキャッチ画像を作っているので、同じ要領で作成

Attention Required! | Cloudflare

ブログ設定のヘッダー

推奨サイズ 1140×640

ブログ設定 ヘッダー

ブログのヘッダー画像と同じような感じにした。

サイズは1200×630

ヘッダー作り直そうかなと思ったけど、こちらは結局そのまま

ゆまる(@shuhuneet)さんの記事に詳しく書いてあったので、

ヘッダー作り悩んでいる人は参考になると思うよ!

ブログカテゴリ設定

Blog Mapに登録すると、カテゴリを選べます。

大カテゴリー小カテゴリー
ビジネス資格
趣味趣味全般
節約節約全般
あめふりぼんばー ブログカテゴリ設定

正直、テキトー

バナーを作る

ブログ村には公式バナーいろいろありますよね。

にほんブログ村 ブログブログへ
にほんブログ村 ブログランキング・にほんブログ村へ

こんなのとか

Blog Map にはないのかなーといろいろ探しましたが、見当たらず

ツイッターで登録している人を見つけては更新通知を受け取るこのブログをいいね

をポチポチしていますが、リプは残さず

後で気づいた人がブログを見に来て気に入ってもらったらいいねしてほしいと思い

バナーを作ってみました。

blogmap

ちょっと文字小さかったかな?

カテゴリも入れてみましたが、文字潰れてますね。

画像

画像サイズ 270×50 にしてみました。

画像サイズは楽天ROOMのバナーを参考にしました。

rakutenroom

同じサイズですよね。

blogmap

HTMLタグ

<a href=”ブログマップのURL” target=”_blank” rel=”noopener”><img src=”画像のURL” alt=”画像の説明” width=”270″ height=”50″ border=”0″></a>

上記のHTMLタグを使ってます。

赤文字のブログマップのURLと画像のURLに入力すれば

貼れると思います。

画像の説明は省略できます。alt=”” は入れてね。

target=”_blank” は新しいタブを開く

rel=”noopener” はセキュリティ対策でtarget=”_blank” とセットで使った方が良いそうです。

width=”270″ height=”50″を追記しました。

PageSpeed Insights で設定してください。とエラーが出てしまい。

原因を調べたら、幅と高さが指定されていないので、時間かかるよ!

ということみたいです。

width=”270″ height=”50″ を入れると解消されました。

数字は画像のサイズを入れてみました。

ウィジェットで表示

サイドバーに表示しています。

カスタムHTMLでHTMLタグを入力

記事内にもカスタムHTMLで貼れます。

blogmap

作ってみませんか?

Blog Map に登録したけど、カテゴリから探しにくいですよね。

いろんな人のブログを見れるのは勉強になって楽しいですが、

自分のブログからリンクしてもらう方法になると思います。

でも公式のバナーじゃないので、ちょっと怪しいですけどね。

blogmap

参考になることがあればうれしいです。

最後まで読んでいただきありがとうございました。

コメント

タイトルとURLをコピーしました