おしゃれなランキングバナーの設置方法！人気ブログランキング/にほんブログ村/稼ぐブログランキング

ブロガーの交流の場となっている「人気ブログランキング」「にほんブログ村」「稼ぐブログランキング」などのブログランキング。

ブログをかじったことがあれば、一度は耳にしたことがあるどころか、登録して有効活用している方も多いのではないでしょうか。

ランキングに参加するには、あなたのブログに、よく見かける以下の様なバナーを貼る必要があります。

ただ、筆者の好みとして、当ブログにバナーデザインがマッチしませんし、もう少し控え目なバナーを設置したい...ということで、当ブログのバナーは以下の様にしています。

＼ランキング参加中／

この記事では、当ブログ同様に各種ブログランキングのバナーを貼る方法を解説します。

バナーの取得方法
当ブログのバナー設置方法

バナーの取得方法

各種ブログランキングに会員登録した上で、下記のページからバナーのURLを取得することができます。

✅ 人気ブログランキング＞マイページ＞リンクバナー・リンクURL

✅ にほんブログ村＞マイページ＞ランキングバナー

✅ 稼ぐブログランキング＞マイページ

バナーURLの貼り方はこちらが参考になります。

当ブログのバナー設置方法

テーマは「Cocoon」で、投稿本文の下に以下のようなバナーを設置する方法です。

＼ランキング参加中／

①[外観] ＞ [ウィジェット] ＞ [カスタムHTML] ＞ [投稿本文下] ＞ [ウィジェットを追加]する。

②以下のHTMLをコピーし、メモ帳等で下記の通り変更する。

<center>

＼ランキング参加中／
	
<br>

<!-- 人気ブログランキングバナー -->
<a href="https://blog.with2.net/link/?id=2067076" target="_blank"><img width="80" height="15" src="https://blog.with2.net/img/banner/banner_11.gif" title="人気ブログランキング"></a><a href="https://blog.with2.net/link/?id=2067076" target="_blank" style="font-size: 0.9em;"></a>

&nbsp;

<!-- にほんブログ村 -->
<a href="https://blogmura.com/ranking/in?p_cid=11105182" target="_blank"><img src="https://b.blogmura.com/original/1304364" width="80" height="18" alt="にほんブログ村 にほんブログ村へ" /></a>

&nbsp; 

<!-- 稼ぐブログランキング -->
<a href="https://ranking.chienochokinbako.com/ranklink/in?un=1632906277" target="_blank" rel="noopener noreferrer" title="『稼ぐ』に特化したブログランキング！"><img src="https://ranking.chienochokinbako.com/banner/163290627701.png" width="80" height="15" alt="稼ぐブログランキング" /></a>

</center>