ブログ村のバナーをgif化してINポイント&ランキングアップを狙おう!

https://yomuotoko2.me/wp-content/uploads/2019/06/memoruhiyoko-コピー-2.png
ヨムオ

ブログを音声入力することで作業効率があがったから、今日は午後の部を書いて公開するよ!

https://yomuotoko2.me/wp-content/uploads/2019/06/bae-コピー-2.png
カミサン

すごいね音声入力!!

それで午後の部のテーマは何?

https://yomuotoko2.me/wp-content/uploads/2019/06/memoruhiyoko-コピー-2.png
ヨムオ

午後の部はブログ村のバナーにgif(動く画像)を取り込むやり方を紹介するよ!

上手くすればランキングアップにつながるかも?

https://yomuotoko2.me/wp-content/uploads/2019/06/img_4819.jpg
るんばー

当ブログを読んだ施主の皆様が、家ブログを書くときに役立ちそうな知識ですね!!

この記事をオススメしたい人

☑家づくりのブログを書きたい方

☑家づくりの記録をしようか迷っている方

☑ブログ村での順位を上げたい方

〇ちょっとこだわったブログを書くコツはこちらのシリーズをごらんください。

家づくりブログを始めるメリット|始め方と効率化ツールの紹介|前篇家づくりブログを始めるメリット|始め方と効率化ツールの紹介|後篇ブログ村のバナーをgif化してINポイント&ランキングアップを狙おう!



ブログ村のバナー作成法

https://yomuotoko2.me/wp-content/uploads/2019/06/memoruhiyoko-コピー-2.png
ヨムオ

まずは標準的なバナー作成法について軽くおさらいしておきます。 ブログ村に初めて登録される方向けなので、登録済みの方は読み飛ばしO.Kです

https://yomuotoko2.me/wp-content/uploads/2019/06/img_4819.jpg

下に示されましたボタンのようなもの、これがバナーですね。


にほんブログ村 住まいブログへ
にほんブログ村 ライフスタイルブログ シンプルライフへ
https://yomuotoko2.me/wp-content/uploads/2019/06/memoruhiyoko-コピー-2.png
ヨムオ

これをブログに設置しておくだけでブログ村のランキングに参加することができます。まず上のバナーをクリックしてブログ村にアクセスしてみてください

https://yomuotoko2.me/wp-content/uploads/2019/06/img_4819-1-e1561246412687.jpg

実はバナーが押された時点で、お一人あたり10ポイントがブログに加算されます。

貴重なポイントをありがとうございました。

https://yomuotoko2.me/wp-content/uploads/2019/06/bae-コピー.png
ヨムオ

(ちゃっかりしてるね、ヨムオ君)

で、緑の新規会員登録ボタンを押せば良いのかな?

https://yomuotoko2.me/wp-content/uploads/2019/06/memoruhiyoko.png
ヨムオ

会員登録を済ませるとマイページを作成することができます。 そしてこちらがマイページの画面です。

左側のメニューからバナーを作ることができますのでやってみてください。

https://yomuotoko2.me/wp-content/uploads/2019/06/memoruhiyoko.png
ヨムオ

【バナー】か【オリジナルバナー】かの選択ができますので、まずは【バナー】を選択してみましょう。

https://yomuotoko2.me/wp-content/uploads/2019/06/memoruhiyoko.png
ヨムオ

【カテゴリー・総合ブログのバナー 】 をクリックすると自身が参加しているカテゴリーのバナーを作るためのhtmlコードが表示されます。

<a href=”https://house.blogmura.com/ranking.html?p_cid=10995333″ target=”_blank” ><img src=”https://b.blogmura.com/house/88_31.gif” width=”88″ height=”31″ border=”0″ alt=”にほんブログ村 住まいブログへ” /></a><br /><a href=”https://house.blogmura.com/ranking.html?p_cid=10995333″>にほんブログ村</a>

https://yomuotoko2.me/wp-content/uploads/2019/06/memoruhiyoko.png
ヨムオ

こんな感じの文字列をhtmlコードとして記事内に張り付ければ完成です。(ワードプレスならカスタムhtmlというフォーマットがあると思います。)

かんたんですね!

ブログ村のgifバナー作成法

gifバナーはブログ村では作れない

https://yomuotoko2.me/wp-content/uploads/2019/06/memoruhiyoko-コピー-1.png
ヨムオ

先ほどの【バナー管理】では【オリジナルバナー作成】ができるのですが、jpegやpngなど静止画像にしか対応していません

https://yomuotoko2.me/wp-content/uploads/2019/06/memoruhiyoko-コピー-2.png
ヨムオ

【オリジナルバナー作成】では↓のようなバナーが作れます。これだけでも通常のバナーより目を引くデザインかと思います。

にほんブログ村 住まいブログ 一戸建 旭化成ホームズへ
にほんブログ村

バナーのhtmlコードが意味している内容

https://yomuotoko2.me/wp-content/uploads/2019/06/memoruhiyoko-コピー-1.png
ヨムオ

なので別のアプローチが必要です。

下に示す2つのhtmlコードを見比べてみてください。

<a href=”https://house.blogmura.com/ranking.html?p_cid=10995333″ target=”_blank” ><img src=”https://b.blogmura.com/house/88_31.gif” width=”88″ height=”31″ border=”0″ alt=”にほんブログ村 住まいブログへ” /></a><br /><a href=”https://house.blogmura.com/ranking.html?p_cid=10995333″>にほんブログ村</a>

このコードが示す内容は↓

にほんブログ村 住まいブログへ
にほんブログ村

<a href=”https://blogmura.com/ranking.html?p_cid=10995333″ target=”_blank” ><img src=”https://yomuotoko2.me/wp-content/uploads/2019/08/1566191896Lk9z31exSPXiQ181566191893.gif” width=”240″ height=”240″ border=”0″ alt=”にほんブログ村 にほんブログ村へ” /></a><br /><a href=”https://blogmura.com/ranking.html?p_cid=10995333″></a>

このコードが示す中身は↓

にほんブログ村 にほんブログ村へ
にほんブログ村

gifバナーを作るにはhtmlコードの〇〇を書き換える

2つのコードの違いは実は〇〇と△△の部分だけです。

<a href=”https://blogmura.com/ranking.html?p_cid=10995333″ target=”_blank” ><img src=”〇〇〇〇〇” width=”△△” height=”△△” border=”△△” alt=”にほんブログ村 にほんブログ村へ” /></a><br /><a href=”https://blogmura.com/ranking.html?p_cid=10995333″> にほんブログ村 </a>

〇の部分にはブログに投稿しておいたgifファイルのアドレスを、△の部分には表示したいサイズを入れればO.K.です。

ブログ村のgifバナー作成法

gifバナー作成チャート

gif画像の元となる画像を作成
  • 写真やキャラクターなどのjpegやpng画像をゲット(版権に注意)
  • 自分で作成するのが難しいなら外注(ココナラ)もアリ!
  • テキストだけのブログよりキャラクターが動くブログの方がファンがつきやすいかも?
  • ココナラでキャラクターの表情のバリエーションを依頼しておくとgifを作りやすいかも?
gif画像を作成
  • 画像編集サイト(Canva)で画像を編集。
  • ↓のgifでは20枚程度の画像を用意しました。
  • gifアニメ作成サイト(BANNER KOUBOU)に作成した画像をアップ
gif画像をメディアにアップしアドレスをコピー
  • gif画像をブログにアップ
  • アップした画像の詳細画面にあるアドレス(https:で始まる)をコピー
ブログ村オリジナルバナーで作成しておいたhtmlコードを書き換える
  • ブログ村でgif用の静止画像1枚を使ってオリジナルバナー作成
  • そのバナーのhtmlコードのアドレス部分をgifのアドレスに書き換える

gif画像の活かし方

せっかくマスコットキャラやgif画像を作ったのですから、さまざまな場所に活かしたいですよね。

例えば、吹き出し画像や記事中画像でもgifとしてアップする事ができます。

ぜひいろいろ試してPV数アップを狙ってみてください。

ブログ村のバナーをgif化してINポイント&ランキングアップを狙おう!のまとめ

今回の記事まとめ

☑gif画像作成法

☑バナー画像をgif化する方法

https://yomuotoko2.me/wp-content/uploads/2019/06/img_4819.jpg
るんばー

今回の記事はいかがでしたでしょうか?

“ブログ村No.1マスコットキャラ”るんばーが動くgifバナー、いいね!と思われましたらクリックをお願いします。

https://yomuotoko2.me/wp-content/uploads/2019/06/memoruhiyoko-コピー-2-コピー.png
ヨムオ

いつからNo.1マスコットに!?

猫ブログとか犬ブログの人に謝りなさい!

https://yomuotoko2.me/wp-content/uploads/2019/06/bae1.png
カミサン

↓の方に出口一覧があります。

いずれもおススメリンクですので、お時間がありましたらそちらからご退出ください。

関連記事もお読みいただけますと嬉しいです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です