日本司法支援センター
2012-05-16

アメブロに、人気ランキングバナーの、設置方法
ご説明しますね。

 

つまり、ランキングバナーを、クリックされやすい部分に、

設置する方法です。

 

 

 

 

ランキングの登録は、前回ご紹介しました。

まだ、読んでいない方は、参考にしてくださいね。
→  【人気ランキングへの登録をする】

 

まず、バナーを用意しないと、いけません。

ただ、人気ブログランキングに登録した時、

すでに、バナーのURLを取得している方は、そちらを、使ってもいいです。

 

 

新たに、ランキングバナーを、変更したい方は、
下記の通りに、バナーのURLを、取得してくださいね。

 

【記事を書く】より、ブログデータをクリック。

 

アクセス解析から、【人気ランキングに登録しよう】をクリックして、
人気ランキングサイトへ、入っていきます。

 

人気ランキングサイトへの、登録は、済んでいるので、
こんな画面となります。

 

 

2012y05m15d_210326653

 

 

 

 

この画面の下には、登録した、サイト専用の、2012y05m15d_204933677
バナーのURLの記載があります。

 

自分の好きなバナーが決まったら、そのURLをコピーして、一旦メモなので、保存しておいてください。

※必ず、保存してくださいね。

記事のしたには、【バナーの貼り方】

も、用意してあります。

参考にしてくださいね。

 

 

 

 

 

 

そのURLに、ちょい足しします。

何を、ちょい足しするかといえば、

このタグです。

 

target=”_blank”

 

これは、どういう意味かというと・・・・。

【新しいサイトを開く】という意味の、タグなんですね。

 

ランキングのバナーを、クリックすると、
ランキングのサイトへ、ページは移ります。

 

でも、このタグが、ついていないと、
自分のサイトへは、戻ってこれないんです。

 

 

これでは、訪問者の方も、困ります。

 

 

アメブロでは、取得した、タグをそのまま貼ってしまっている!!

 

 

そんな方を、多く見かけます。

必ず、このタグを、URLに、ちょい足ししてください。

 

どうやって、ちょい足しするのか?

ランキングバナータグはこうですね。

 

<a href=”http://blog.with2.net/link.php?あなたのID”>
<img src=”http://image.with2.net/img/banner/banner_21.gif”
width=”88″ height=”31″ border=”0″ alt=”人気ブログランキングへ”></a>

※通常は、一列になっています。

<a href=http://blog.with2.net/link.php?○○○○”>
URLの後ろに半角開けて、target=”_blank”をつけます。

 

<a href=http://blog.with2.net/link.php?○○○○” target=”_blank”> ← こんな感じです。

 

これは、ぜひとも、やってくださいね。

 

こうやって、ちょい足しした、バナーリンクを、
記事に、設置するわけです。

 

 

URLを全指定して、コピーをしたら、
アメブロの記事投稿の画面に、戻ってくださいね。

 

ランキングのバナーの設置場所ですが・・・・・

 

 

プラグインを利用して、
サイドバーなどに、張ってもいいのですが・・・・。

 

クリックされないと、意味がないので、
記事の上、記事途中、記事の下の、どれかに、設置するのが、
一番効果的です。

 

2012y05m16d_092915063とりあえず、記事の上に、

ランキングバナーを設置してみましょう。

← こんな感じで・・・・。

 

 

 

 

 

 

 

 

 

2012y05m16d_092831248

 

 

タグを貼るには、ビジュアルエディタの使用が、できませんので、

必ず、【HTMLタグを表示】

から、編集していきます。

 

 

HTMLが、解らなくても、

大丈夫です。

 

 

 

 

タグが、ちゃんとコピーできていれば、表示されます。

 

もし、表示されなかったら、再度URLをコピーしてください。

 

※タグの部分を、【Control】+【A】で、全指定し、そのあと、【Control】+【C】で、

コピーします。
タグは、ひとつでも、欠けると表示しません。
なので、ドラックすると、危険です。
必ず、【全指定】する、クセをつけてくださいね。

 

上の図のように、記事に貼り付けます。

 

 

 

記事上にあると、誰でも、目に留まります。
例え、記事を読まれていない場合でも、です。

 

 

 

サイトバーは、プラグイン次第ということに、
なるので、後からカスタマイズが、可能ですが、
今は、初心者向けなので、記事の部分での、設置を、おすすめしています。

 

 

 

毎回、貼るのかよ!!

 

 

もちろん、CSSで、カスタマイズできるのですが、
CSSの変更が、できないテンプレートもありますので、
今回は、記事に貼る方法の、基本編として、ご紹介しました。

 

 

 

ぜひ、ランキングバナーを貼ってみてください。
見込みアクセスが、集まりますよ!!

 

 

※今後は、ちょっとステップアップで、
CSS上での、カスタマイズ方法も、ご紹介していきますね。

 

 

 

コメント

コメントをどうぞ

次のHTMLタグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

   

 

コメントの更新情報

トラックバックURL

アメブロの更新情報

★ランキング ポチッとしてね★

読んでくれて、ありがとう!!
ブログが気に入ったら、クリップしてね♪




あなたのぽちっとで、テンションアップ!!