【ブログ村】オリジナルバナーのつくり方&貼り付け方

ワードプレスでバナーを貼り付ける方法|オリジナルバナーのつくり方

この記事ではブログ村のバナーについて説明をします

ブログ村のバナーは「アドブロック」などの広告非表示プラグインやアプリを導入していると表示されませんので、一時的に広告非表示を「停止」にした状態で記事を読み進めていただくことを推奨します

ワードプレスでバナーを貼り付ける方法|「カスタムHTML」を使うだけ!

ブログ村のマイページを開く

INポイントを獲得するにはブログ村の「INポイントランキングバナーバナー」を自分のブログ内へ貼り付ける必要があります

ブログ村の「マイページ」の左にあるメニューから「ランキング参加」をクリック

次に「INポイントランキングバナー」をクリック

ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
INポイントランキングバナーの貼り付け方
INポイントランキングバナーを選んで「タグをコピー」する

バナーは好きなものを選んでください

「カテゴリーバナー」を選んでもOK

\⇩INポイントランキングバナー⇩/


※色んな種類のバナーがありますが、ブログ村のマイページにあるバナーであれば、どのバナーを貼ってもINポイントが獲得できる仕様になっています

※ブログ運営の途中で「カテゴリー」を変更しても、以前使用していた「カテゴリーバナー」を変える必要ありません。以前使用していたカテゴリーバナーでも、クリックされれば現在のカテゴリーにポイントは反映される仕様になっています。

バナーの右にある「タグをコピー」をクリックすることで、タグがコピーされます

ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
INポイントランキングバナーの貼り付け方
ワードプレスでの「ブログ村バナー」の貼り付け方

ワードプレスで「ブログ村バナー」を貼り付けるには、記事編集画面の左上の「+」ボタンから「カスタムHTML」ブロックを呼び出します

  1. 検索窓に「カスタム」と入力する
  2. 「カスタムHTML」ブロックを選ぶ
ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
INポイントランキングバナーの貼り付け方
ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
INポイントランキングバナーの貼り付け方

もう一つ「カスタムHTML」ブロックを呼び出す方法がありますので、覚えておいて損はありません

こちらは、文章を入力するところに「/カスタム」と入力するだけです

※「/」は「スラッシュ」と言います

ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
INポイントランキングバナーの貼り付け方

 

「カスタムHTML」ブロックに「Ctrl + V」で貼り付ける
(Macの場合は「command + V」)

STEP2でコピーした「バナータグ」を「カスタムHTML」ブロックに貼り付けます

Windowsの場合は「Ctrl + V」(ショートカットキー)

Macの場合は「command + V」(ショートカットキー)

で貼り付けることができます

ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
カスタムHTMLブロック
ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
「バナータグ」を貼り付けた「カスタムHTML」ブロック
「プレビュー」をクリックしてバナーを確認

「カスタムHTML」ボックスの上に表示される「プレビュー」をクリックすると、ブログ公開時に表示される「INポイントランキングバナー」を見ることができます

これで「INポイントランキングバナー」の貼り付けは完了です

ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
INポイントランキングバナーの貼り付け方

※バナーが表示されない場合は、アドブロックなどの広告非表示プラグインを解除してください

ブログ村まとめ記事へ戻る

オリジナルバナーをつくる方法|オリジナルバナーでクリック率アップ!

ブログ村の「オリジナルバナー」とは、「INポイントランキングバナー」を自分の画像に埋め込むことができるバナーのことです

バナーにメッセージを入れたりして、バナーをタップorクリックしてもらいやすくすることができるんです

ということで、ブログ村上位を目指すなら作っておきたいところ!

ちなみに…オリジナルバナーの製作も承っておりますので、のぞいてみてください🥰💕

\⇩わたしのオリジナルバナー⇩/

\⇩オリジナルバナー製作なら⇩/

\⇩オリジナルバナー作成方法⇩/

マイページ内のメニューから「オリジナルバナー作成」を選ぶ

マイページの「ランキング参加」→「オリジナルバナー作成」を選んでください

ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
オリジナルバナー作成方法
アップロードする画像を選択して画像に埋め込むバナーとバナーの位置を選ぶ
  1. 「画像を選択」からオリジナルバナーに使いたい画像をパソコンのデータから選ぶ
  2. 画像に埋め込むバナーを選ぶ
    ※今後カテゴリの変更を考えている場合は「ブログ村」と書かれているバナーを選ぶのが無難です
  3. 画像に埋め込むバナーの位置を選ぶ
ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
オリジナルバナー作成方法
バナーを表示させて埋め込んだバナーの位置を確認する
  1. 「バナーを表示」ボタンをクリックするとこれから作成される「オリジナルバナー」が表示される
  2. 利用規約を確認して「利用規約に同意する」のチェックボックスにチェックをする
  3. 「バナーを作成する」ボタンをクリックするとオリジナルバナーが作成される
ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
オリジナルバナー作成方法
出来上がったバナーのタグをコピーして自分のブログへ貼り付ける
  1. マイページのメニューから「ランキング参加」→「INポイントランキングバナー」を選ぶ
  2. 作成したオリジナルバナーの右横にある「タグをコピー」ボタンをクリックして「タグをコピー」する
  3. 自分のブログの「カスタムHTML」ボックスに貼り付ける
  4. 完了!
ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
オリジナルバナー作成方法

\⇩オリジナルバナーの作成なら⇩/

ブログ村まとめ記事へ戻る

PVポイントランキングバナー&フォローバナー(読者向け)

PVポイントランキングバナー

PVポイントランキングバナーは下のバナーのこと

PVアクセスランキング にほんブログ村

これは1種類しかありません

自分のブログへの貼り付け方は先ほどの「INポイントランキングバナー」と同じです

ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
PVポイントランキングバナー
フォローバナーの貼り付け方

フォローバナー(読者向け)

フォローバナーは、自分のことを読者の方にフォローしてもらうためのバナーのことです

\⇩フォローよろしくお願いします♪⇩/

✨ママあそび隊✨ 遊びに全力&DIY - にほんブログ村

このバナーをクリックするとお気に入りのブロガーさんをフォローすることができ、マイページ内のメニューからフォローしているブロガーさんの更新記事を追いかけることができます

ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
読者登録したブロガーさんのブログを読む
ブログ村攻略 解説
ブログ村とは
Pingの設定
ポイントランキングの仕組み
INポイント
OUTポイント
PVポイント
ポイントの上げ方
ワードプレスでのバナーの貼り付け方
オリジナルバナー作成方法
おすすめのカテゴリーとテーマ
読者登録したブロガーさんのブログを読む

ブログ村まとめ記事へ戻る

バナーを記事の中心に貼り付ける方法|スタイルシートを活用しよう!

ブログ村のバナーって、ただ貼り付けただけだと左端に表示されます

これって気になっちゃう人いませんか?

わたしはめちゃくちゃ気になってました!

スマホだと画面の端にあってタップしづらいですし、バランスが悪いというか…

そこで、バナーを記事の中心に貼り付けるには、スタイルシートを試してください

<div style=”text-align:center”>ここにバナータグを挿入する</div>

これは「スタイルシート」というものです

そもそも、「スタイルシート」とは何ぞや…??

「スタイルシート」の説明をするとかなーり長くなるので、今は上のコード記述だけ覚えておいてください

これを実践すると・・・

左寄りだったブログ村バナーが・・・

\⇩バナータグをそのまま貼り付けた場合⇩/

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

\⇩スタイルシートを使った場合⇩/

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

このとおりバナーが真ん中に!

バナーを中心に寄せる方法は、今すぐにでも実践したい人はいるはず!

ちなみに「バナーなんて表示されてないよ?」という方は、「アドブロック」などの広告非表示プラグインやアプリを一度OFFにしてください😭

ブログ村まとめ記事へ戻る

コメントを残す

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

CAPTCHA