等々力時報 -川崎フロンターレを応援しています
川崎フロンターレを応援しています -ATTRACTIVE!!
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--/--/--(--) --:--:--| スポンサー広告| トラックバック(-) コメント(-)
カウンタの付け方(まとめ)
カウンタの付け方について、備忘録を兼ねて方法をまとめておきます。

今回は、pitacount.comの無料レンタルカウンタを使用します。


まず、livedoorの「Blog管理画面」で、「Blogの設定」を選んで下さい。

その後、「説明」のところの中身を以下のように加筆します。



<br />---以下、「説明」の内容---<br />ブログの説明です(ここは各自のサブタイトルが入力されています)。<br /></div><br /><br /><div class="counter"><br /><A href="http://www.pitacount.com/" target="_blank"><br /><img src="http://www.pitacount.com/rent1/<br />counter2.cgi?「AA」=「x」=「y」" width=35<br />height=11 alt="シンプルなカウンター素材と<br />無料レンタルカウンターの「pitacount」" border="0"><br /></A> </div><br /><br /><div class="pitacount"><br /><A href="http://www.pitacount.com/" target="_blank"><br /><IMG src="http://www.pitacount.com/images/<br />b_pitacount_bw.gif" width="88" height="31"<br />border="0" alt="シンプルなカウンター素材と<br />無料レンタルカウンターの「pitacount」"><br /></A><br />---以上---<br />

「div class="counter"」以下の部分はカウンターの、「div class="pitacount"」以下の部分はカウンタ提供サイトへのリンクの設定です(リンクを貼るのが必須ですので)。

なお、「AA」の部分にはパスワードが、「x」には色の指定、「y」には桁数の指定が入ります(詳しくは、pitacount.comのサイトをご覧下さい)。



それぞれ、"counter"と"pitacount"というクラス名を与えておいて、CSSで位置等を調整できるようにしておきます。



「説明」の加筆が終わったら、保存後、CSSの修正です。



「Blog管理画面」から、「デザインの設定」を選び、「Custom」を選択します。お好きなテーマを読み込んだ上で、以下の記述を追加しておきます。



<br />---以下、CSSの加筆内容---<br />.counter{text-align:right;}<br /><br />.pitacount{text-align:right;}<br />---以上---<br />

この例では、いずれのクラスも{text-align:right;}とし、右寄せに設定しています。

あとは、テーマを保存して、全ページを再構築すればOKなはずです。

コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tdrk.blog4.fc2.com/tb.php/114-b4ff75fd
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。