ダブルインカムで行こう☆

WEB上に落ちてる情報だけを頼りにブログに挑戦。どこまでやれるか?その軌跡。

はてなブログに「自分のブログのバナー」を貼ってみた

 
 

f:id:tanumero28:20200805061256p:plain

自分のブログの宣伝用に、可愛いバナーを作り、他のブログに貼って宣伝したい!

 

現在私は、3つのブログを持っています。(外注分を入れたら4つ)

 

本来であれば、一つのブログに集中して目標となる100記事へ猛進したいところなのですが、どれも捨て難い…。

 

ほぼ同時進行で進めているので、なかなか記事の更新が大変です。(失敗したと思ってます…)

 

一つのブログにかける時間がない分、じゃあそれぞれを繋いで、それぞれのブログから互いにアクセスできるようにしてはどうかと考えました。

 

少しでもアクセス数がUPすれば…、と思ったのです。

 

バナーの貼り方が意外と簡単だったので、こちらにまとめてみました。

 

バナーとは

 

バナーとは、ウェブページ上で他のウェブサイトを紹介する役割を持つ画像(アイコンの一種)のこと。本来、旗印を意味し、ウェブページ上で広告が目立つように使われたことから、この通名で呼ばれ定着した。

※Wikipediaより

 

つまりはブログの看板です。ここにあるよ〜って、可愛く作りたい。

 

はてなブログでは3ブログ、Proでは10ブログを同時に運営できます。

 

でも、アカウントに紐づくのはメインブログの方だけです。

 

私は当ブログをメインブログにしているので、もう一つのブログは先に始めたにもかかわらず、アクセス数など伸び悩んでおります。

 

何かいい方法はないか?と考えました。

 

また、別でやっているアメブロともうまく連携できないかと考えました。アメブロはアドセンスの申請はできませんし、アフェリエイトをするにも制限があります。

 

自由度の高い「はてなブログ」にアメブロのお客様を流してこれないか?と思ったのです。

 

どなたかのブログを拝見したとき、サイドバーに可愛いブログの宣伝用バナーが貼ってあるのを見つけたんです。

 

「これだ!マネしてみよう」、ということで調べてやってみました。

 

バナー画像の作り方

 

まずは、バナーとなる画像を作ります。

 

私が利用したのは「CANVA」というソフトです。登録するだけで、無料で利用できます。

 

https://about.canva.com/ja_jp/

 

バナーやアイキャッチ、ヘッダー画像なども簡単に作れます。他にもオリジナル画像が作れるものであれば、なんでもいいと思います。

 

私はココナラで、プロフィール用にアイコンを作ってもらっていたので、その画像も利用しました。

 

ココナラのクリエイターに依頼する (登録は無料です)

 

①画像ができたら、まずはてなブログに写真をアップロードします。

アップロードしたら、↓の赤字の矢印部分をクリック

f:id:tanumero28:20200730221332p:plain



 

③写真が納められているフォルダーをクリックし、横の「編集」をクリック↓

 

f:id:tanumero28:20200730221904p:plain

 

④ 写真を選択します。編集も可能。

f:id:tanumero28:20200805062829p:plain

 

⑤矢印の「ブログに貼り付ける」をクリック↓

f:id:tanumero28:20200805063039p:plain


⑥上記のようなHTM Lタグが表示されるのでコピーします。↑

 

ブログ編集画面のHTML編集画面に貼り付けます。

 

ちなみにこの構造は、

<a href="クリックしたら飛びたい先のURL"><img src="画像のURL" </a>

となっていますので

 

私の場合、飛びたい先のURLは、https://korei-zyan.comなので、HTML編集画面で赤字(クリックしたら飛びたい先のURL)のところを下記のように書き換えます。(ここだけ変更します)

 

<a href="https://korei-zyan.com"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/t/tanumero28/20200723/20200723100819.png" alt="20200723100819"></a>

 

上記のHTMLタグを利用すれば、サイドバーにも貼り付けることができます。

 

「デザイン」→「カスタマイズ」→「サイドバー」→「モジュールを追加」→</>HTML→貼り付け→保存

 

ちなみにサイズは200×40で作っています。ちょっと小さいかな…。大きさを決める参考にしていただければと思います。

 

このブログのサイドバーを見ていただければ、どんな具合かわかると思います。

 

f:id:tanumero28:20200805061414p:plain

バナーの効果を期待して実験中

 

今のところ、まだあまり効果は確認できておりませんが、気長に効果が出ることを期待しています。

 

これで持っているブログの相乗効果でアクセス数がUPするといいのですけど…。

 

アクセス解析をみると、当ブログhttps//tm-club28.comがアクセス元になって、もう一つのブログに流れているのが数%あったので、少しは役に立ってきたのかも…。

 

ブログの記事の下にも貼ってみたりしています。

↓こういうのですね。

20200723100819

 

素人ながらも、頑張って作ってみました。

 

説明が上手くできたかどうかわかりませんが、バナーの作成は楽しかったです。頑張って記事を書いていこうと思います。


スポンサーリンク