ブログランキングのバナーを設置しよう!ブログにリンクバナー・URLの設置 その3

目安時間:約 6分
  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

 

こんにちは、シモミナミです

 

 

 

早速

記事の一番下のスペースに自動でランキングバナー表示する方法

の解説にまいりましょう

 

 

 

前回の タイトルと記事の間のスペースに自動でランキングバナー表示する方法

からの流れで

 

あなたのブログのテンプレートのHTMLを表示させます

 

fc282

 

 

 

前回同様、HTMLの文字列の中から 赤枠 <%topentry_body> を探します

(黒枠は、前回入力したバナーリンクタグです)

 

fc288

 

<%topentry_body> のすぐ下に、人気ランキングバナーリンクタグを入力します

この場合は最初で人気ランキングバナーリンクタグの前に <br> を2つ程連続で

入力します

 

<%topentry_body>

<br><br><a href="http://blog.with2.net/link.php?1809808" target="_blank" title="人気ブログランキングへ"><img src="http://blog.with2.net/img/banner/banner_22.gif" width="88" height="31" border="0" /></a><br /><a href="http://blog.with2.net/link.php?1809808" target="_blank" style="font-size:12px;">人気ブログランキングへ</a>

 

と、このように入力します

 

なぜ、 <br> を2つ程連続で入力するのかというと

記事にバナーが被ってしまったり、あまりに近すぎたりと

バランスがとても悪いからです

 

実験的に <br> を入力しないパターン等を「プレビュー」すると

すぐに納得して頂けるはずです

 

fc289

 

 

 

入力できたら、前回同様「プレビュー」をクリックし

バナーの設置具合を確認しましょう

 

赤枠のように、バナーがバランスよく設置されていることが確認できます

記事との行間でバランスが悪い時は、リンクタグの前後に <br> の入力を

任意でします

 

fc290

 

確認ができたら、必ず「更新」をクリックしてください

 

 

 

次はHTMLの文字列の中から、赤枠のように <!--/more--> というところを探します

 

 

fc291-1

 

 

 

見つかったら <!--/more--> のすぐ下に、赤枠のように

人気ランキングバナーリンクタグを入力します

 

fc292

 

黒枠の <br> は、やはりバランスをみてリンクタグの前後に任意で

設置してください

わたしは、リンクタグの前に1つ <br> を入力しようと思います

 

 

 

「プレビュー」で確認してみましょう

 

fc293

 

赤枠のように表示されています、いい感じです

 

確認が出来ましたら、必ず「更新」をクリックしてくださいね!

 

 

 

以上、記事の一番下のスペースに自動でランキングバナー表示する方法

を2パターンご紹介させて頂きましたが、どちらかお好きな方で

構いません

 

前回の「記事の上~」と「記事の下~」の2箇所設置しましょう!

 

 

 

バナーの設置が終わったら、人気ブログランキングに関わる事で

最後にもう一つやらなければならない事があります

 

Ping送信先URLの取得と登録

 

という作業がありますので、それは次回に解説していきます。

 

 

 

それでは

今回もお付き合いいただき、ありがとうございました。

 

 

  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

以下にメールアドレスを入力しお申し込みください

お名前(必須)  
メールアドレス(必須)

※プロバイダーアドレスでは、メールが受け取れない場合がございますので、
Yahoo、Gmail、Hotmailなどのフリーメールアドレスでの登録をお薦めいたします。

コメントは2件です

  1. チョビ より:

    こんにちは。
    ランキングのバナー自動で入るようになると便利でいいですね。
    参考になりました。
    応援して帰ります。

    • シモミナミ より:

      チョビさん、こんにちは

      毎回同じ作業ををするのなら
      少しでも手間を減らしたほうがいいですよね

      わたし、超めんどくさがりなので^^

      これからもヨロシクお願いします!!

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
管理人:シモミナミ ヒロト
下南 公人と申します。
お役立ち情報を発信していきます!
どうぞ宜しくお願いします。
最近の投稿
最近のコメント
アーカイブ
カテゴリー
メタ情報