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

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

 

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

 

 

 

「また次回に紹介しますね」フレーズを度々やっちまってますが・・・

ひとつのことを解説していくと、どうしても長くなってしまうんです

もっと解り易く、もっと詳しく、と思うとそうなってしまいます

 

もっとシンプルに!というテーマも加えていかねばと思っています

 

このブログとともに、わたしも進化していきますので

辛抱強くお付き合いいただければと思っています  汗

 

 

 

早速、本題いきましょう

 

お約束どおり、

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

の解説にまいりましょう

 

 

前回の最後のように 複製テンプレートのHTMLを表示させます・・・・・

 

と進めたいところなのですが、

少々厄介な事が・・・

 

わたしがサンプルとして進めていた

FC2ブログのテンプレートの事なのですが

 

現在デフォルトテンプレートの「basic_white」を使用していますが、

この「basic_white」のHTML編集が、初めて間もない方々には

けっこう難解であるということが判明しました

 

いろいろと試してみたのですが、どう考えてもサンプルとしての

テンプレートとするには向いていないので、もっとシンプルで

編集しやすいHTML構造のテンプレートを選択し直そうと思います

 

 

 

そこで、わたしは公式テンプレートの中から

「business-u1」を選んでみました!

 

fc281

 

これですね

 

 

 

それでは、このテンプレートを複製して名前変更した後に適用させて

複製テンプレートのHTMLを表示させます

 

fc282

 

 

 

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

 

HTMLの文字列の中から 赤枠のように <%topentry_body> というところを探します

 

fc283

 

 

見つかったらそのすぐ上に、人気ランキングバナーのリンクタグ を入力します

 

人気ランキングバナーのリンクタグ(毎回表示したい物)
<%topentry_body>

 

このように、すぐ上に入力します

 

 

 

例えば、赤枠の前回取得したリンクタグをコピペして使うと

 

fc270

 

<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>

<%topentry_body>

 

と、このように表示されるようにします

 

 

 

ではHTMLに人気ランキングバナーのリンクタグ

赤枠のように、挿入してみましょう

 

fc284-1

 

上の黒枠「プレビュー」をクリックしバナーが表示されたか確認します

 

fc285

 

赤枠のように、バナーが表示されているのが確認できます

 

また、リンクタグの前後に <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>

<%topentry_body>

 

つまり、テンプレートのHTMLの編集で、赤枠内の黒枠のように<br>を挿入

 

fc286

 

「プレビュー」をクリックし、確認すると

赤枠のように、1行づつ行間が挿入されます

 

fc287

 

この <br> は、お好みで挿入しなくてもいいですし

前後どちらかに挿入してください

わたしは、後ろだけに挿入したいと思います

 

 

 

ここまでが

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

の解説になります

 

 

 

今回は最初の部分で、ちょっと「イレギュラーな展開」になりましたが

 

こういった「イレギュラーな展開」は、それを解決しようとかなり思考を巡らせるので

問題なく進んでいる時よりも、集中力や知識が倍増すると思います

 

ですので、あなたも「イレギュラーな展開」に遭遇したら前向きに捉え

解決に取組んでください!!

 

それでも難しい時はいつでも、わたしにコメントなりメールで聞いてくださいね

 

 

 

それと、トラブル解決にあまりに時間を割くのはお勧めしません!

 

わたしがそうなのですが、時間を割き過ぎるとリズムが崩れてしまいます

 

リズムがいったん崩れてしまうと、今まで保っていたモチベーションが

何故かさがってしまうからです

 

さがってしまったモチベーションを上げるのは、結構キツイです

 

あまり時間をかけ過ぎずに、チャチャッと私に聞いてください^^

 

でもまったく考えないのは NG! ですので、あしからず。

 

 

 

次回は

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

を解説していきます。

 

 

 

それでは

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

 

 

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

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

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

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

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

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