日本ブログ村・オリジナルバナーの作り方。

風花初芽の購入者さんからランキングサイトオリジナルバナーを作る方法がわからないというご質問をいただきました。キャプチャー付き画像をそえて作り方をわかりやすくお教えします。

 

オリジナルバナーとは、自分の好きな画像で作るバナーです。

 

お便りの引用許可をいただいているので、この記事でシェアします。Hさんよりいただきました。

 

質問:オリジナルバナーの作り方がわかりません

 

ランキングバナーは好きな物が使えるとテキストにも筆子さんブログにもあるのですが、方法が分からない。

 

表面上、F2のバナーは貼れたのですが、それも画像だけで、ちゃんとランキングに反映するのか確認ができないのでプロに聞こうと思っていました。

 

Hさん、ご質問ありがとうございます。
今回はブログ村のランキングバナーを作る方法をステップバイステップでお伝えします。仕組みはどこのサイトでも同じです。

 

説明を見ると難しそうに思えるかもしれませんが、作ってみると、流れにのってやるだけなので簡単です。

 

1.バナーに使用する画像を用意しておく

 

先に、バナーに使う画像を用意しておきます。ブログ村の場合、

 

対応画像形式:横幅 80ピクセル以上、容量 30MB以内の jpg、gif、png

 

とあります。「80ピクセルってどのぐらいなんだ」と思うわけですが、ピクセルは「画素」のことで、色情報を持つ最小単位なので長さの単位ではありません。

 

1ピクセルの幅は、解像度によって違いますが、だいたい1ピクセル、0.3ミリ前後と考えればいいです。

 

80ピクセルはおよそ2.5センチという計算になります。

 

今回は、このブログのプロフィールに使っている、この画像を使うことにします。160x160です。

 

 

2.日本ブログ村にアクセス

 

ログインしてマイページに行ってください。

 

そして、「ランキング用バナー」をクリックします。

 

日本ブログ村

 

 

3.バナー作成ページに行く

 

こんなページが出てきます。

 

日本ブログ村

 

ちなみに、黄色いマーカーで印をつけた箇所は、「パンくずリスト」と言って、今自分がどこにいるのか確認できる文字列です。

 

このページを下にスクロールするとオリジナルバナーを作るところが出てきます。

 

 

日本ブログ村

 

今回は共有物にするオリジナルバナーを作ってみます。「共有物」とはほかのブログ村のメンバーも使えるようにすることです。実は、「自分だけが使うオリジナルバナーを作成する」を選んでも、出てくる画面は一緒です。

 

4.バナーを作成:画像を選択し読み込む

 

バナーに使用する画像ファイルをパソコンから呼び出します。「Choose File」をクリックして、用意しておいた画像を選択し、「開く」をクリック。

 

画像を選択

 

数字の順番にクリックすれば、画像を選択することができます。

 

画像の選択が終わると、こんなふうに画像がそのまま読み込まれます。

 

バナー画像

 

つぎにこの画像に、「日本ブログ村」みたいな文字列や枠を入れていきます。

 

5.バナーを作成:細部のパーツを入れる

 

ページにある「2」でこの画像に埋め込むバナー(文字が書いてあるやつ)を適当に選ぶ、◯にチェックを入れ、「3」で埋め込む場所を指定し、「4」で枠の色を指定します。「5」で共有を指定(最初から指定されています)。

 

その後「合成後のバナー画像を表示」をクリック

 

するとこんなのが出てきます。気に入らなかったら2~4で選び直し、「再読み込み」をクリックします。

 

 

バナーできあがり

 

 

これでよければ、「下記、利用規約に同意する」の前の四角にチェックを入れ、「バナーを作成し、共有物にする」をクリックすれば、完成です。

 

6.バナーのソース(タグ)をコピーする

 

できあがったバナーと、HTMLソース(タグ)が出てきます。

 

バナーとソース

 

タグの下で、テキスト表示オフとか、リンク先を別窓にするとか、リンク先をINランキングにするなど、いろいろ選べるので、任意のものを選んでから、「タグコピー」をクリックします。

 

バナーのソース

 

7.ソースを任意の場所にペーストする

 

「タグコピー」をクリックするとソース(タグ)がクリップボードにコピーされるので、バナーを表示させたい場所にマウスでカーソルを持っていき、ペースト(貼り付け)します。

 

コピー&ペーストがわからない方はこの記事のまんなかへんを参照願います。

アフィリエイト(広告)のリンクの貼り方をわかりやすく説明します。

アフィリエイト(広告)のリンクの貼り方をわかりやすく説明します。

風花初芽の購入者さんから、アフィリエイトのリンクの貼り方が、テキストに書いてないので教えてほしい、という質問をいただきました。この記事で説明します。確かにテキス...

投稿 2016/12/20

今回はこちらにペーストしました。

 

クリックすればブログ村に飛ぶはずです。
にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ
もとの画像は160x160でしたが、枠をつけたので162x162となりました。

 

作業は以上です。

 

順番にやっていけば、難しくもなんともなく、プロに頼むほどのことではありません。

 

ちゃんと反映されているかどうかは、自分でバナーをクリックして、マイページに表示されるポイントを見てチェックして調べてください(同一のパソコンからは1日1度だけポイントが加算されます)。

 

自分がどのページにいるのかわからなくなったら、先程ほど書いた、パンくずリスト(ページの左上にある現在位置を示す文字)を探してみてください。

 

文字列をクリックすれば行きたいページに飛べます。

 

あなたも何かわからないことがありましたら、お気軽にお問い合わせください⇒お問い合わせフォーム|風花初芽実践物語