効率165センチメートル

ちいさな体で効率的に生きていく

【コピペOK】人気ブログランキングのバナーを好きな画像にカスタマイズする

20191005201629

みなさん、人気ブログランキングに登録ってしてます?

 

せっかくなら登録したほうがいいですよね。

少しでもアクセスをあげたり、収益が増えることにつながります。

 

特に初心者のブロガーなら、SNSとはてなブログ内のみのアクセスに頼りがちですが、さらに一つ、アクセスの窓口が増えることになります。

 

僕も登録しています。

そして、少しでも多くリンクを踏んでもらいたい。

 

そこで大きな問題が出現。

 

「人気ブログランキングのバナーダサい問題」

 

こんなやつです。


ライフスタイルランキング

 

これに悩んみ、バナーを貼り付けることに躊躇していました。

ダサくて貼りたくない。

 

 

おしゃれでスタイリッシュなブログにしたい。でも、アクセスも増やしたい。

そんな初心者ブロガーに向けて、好きなバナー作成方法をご紹介します。

 

コピペOKコードアリです!

カスタマイズ

コピペコード

それではさっそく見ていきます。

 

以下がコピペコードです。

 

<a href="①自分の人気ブログランキングのリンクURL">人気ブログランキング<img src="②好きな画像のURL"></a>

 

にはあなたの人気ブログランキングのリンクURLを貼り付けてください。

には好きな画像のURLを貼り付けてください。

 

ご理解いただけた方はサクッとカスタマイズしてください。

人気ブログランキングURL取得方法

 それでは、人気ブログランキングのリンクURLの取得方法をご説明します。

人気ブログランキングにログイン

ご自身の人気ブログランキングのアカウントにログインしてください。

 

ホーム左手にあなたのアカウント情報が表示されています。

 

そして、下記赤枠の[リンクバナーを取得]をクリックします。

 

f:id:k07_20:20191005203112p:plain

 

 リンクURLをコピー

 次ページに飛ぶので、下記の[コピーする]ボタンをクリックしてください。

 

f:id:k07_20:20191017192413p:plain

 

これでリンクのコピーは完了です。

好きな画像のURL取得方法

次は、好きな画像URLの取得方法です。

 

画像検索してでてきたURLそのまま使用する方法もありますが、

念のため、はてなフォトライフにアップロードしてから使用しましょう。

好きな画像を準備する

まず好きな画像を準備してください。なんでもいいです。

 

自分で撮影した写真でも、ペイントで作った画像でもOK。

僕は以下のサイトでエモい画像をたくさん品定めして、ポリゴンバナナにしました。

pixaboy

pixabay.com

はてなフォトライフにアップロード

次に、準備した画像をはてなフォトライフにアップロードしましょう。

 

はてなフォトライフへ

はてなブログにログインして、上部のメニューをクリックしてください。

 

そしてはてなフォトライフをクリック。

 

f:id:k07_20:20191005143839p:plain

 

画像をアップロード

はてなフォトライフに入ると、上部にアップロードの項目があるのでクリック。

 

f:id:k07_20:20191005201936p:plain

 

そして先ほど準備した画像ファイルを、ドラッグしアップロードします。

 

f:id:k07_20:20191005202038p:plain

 このように表示されたら、アップロード完了です。

 

f:id:k07_20:20191005202116p:plain

リンクを取得する

さて。最後にリンクを取得します。

 

右上の[リンク]をクリックすると、リンクが表示されます。

 

下の赤枠のほうをコピーしてください。

 

f:id:k07_20:20191005201933p:plain

 

 そして、下の赤枠の部分だけコピーしてください。

 

 <a href="http://f.hatena.ne.jp/k07_20/20191003203329"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/k/k07_20/20191003/20191003203329.jpg" alt="20191003203329"></a>

 

img src="この中"まで

 

これで、好きな画像のURLの準備もOKです。

バナー作成場所

さて。

 

あとは先ほどコピペコードに①人気ブログランキングのURLと②好きな画像のURLを貼り付けて完成です。

 

バナーを作成する場所は以下の通りです。

サイドバーを選択

 

ダッシュボード→デザイン→カスタマイズ(スパナマーク)→サイドバー

 

 

f:id:k07_20:20191005201123p:plain

モジュールを追加

モジュールを追加→HTML

 

f:id:k07_20:20191005201113p:plain

 

f:id:k07_20:20191005201045p:plain

 

上の赤枠内にさきほどのコードを貼り付ければOKです。

アクセスは工夫して増やそう

以上が、人気ブログランキングのバナーを好きな画像にする方法でした。

 

アクセスの柱は多いほうがいいです。

 

活用できるサービスはフル活用して、アクセスアップを目指しましょう。

他のカスタマイズはこちら

ほかにもカスタマイズ記事あるので、ご利用ください!

すべてコピペOKです。

記事一覧カスタマイズ

記事を大きなカード型へカスタマイズ

www.165-cm.com

 

記事を枠線で囲むカスタマイズ

www.165-cm.com

 

はてなスターのカスタマイズ

 はてなスターを非表示するカスタマイズ

www.165-cm.com