• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+
主にフォトグラフィですが、スタイルシートの編集も置いてます。
- Un Dessin [ どじゅ ] 2012/01/02 15:08:57
スタイルシート編集で、このブログに適用しているものを挙げていきます。
Un Dessin [ どじゅ ] 2012/01/02 15:19:32
☆Frag Counter☆01

まずフラッグカウンターの公式サイトに行きます。
http://flagcounter.com/
写真にあるようなページに入るので、ここで好みのカウンターを作ります。
プレビューがリアルタイムで表示されます。
完成したら、「GET YOUR FRAG COUNTER」ボタンを押してください。
Un Dessin [ どじゅ ] 2012/01/02 15:28:08
☆Frag Counter☆02

こんなメッセージが出てきたら、入力すると次へ進みます。
Un Dessin [ どじゅ ] 2012/01/02 15:31:30
ピンクの枠で囲んでいるアドレスが、みんカラで使えます。
これをコピーします。
Un Dessin [ どじゅ ] 2012/01/02 15:51:42
スタイルシートの編集画面から、「詳細編集」を選択してください。
「サイドメニュー」を選び、任意のポジションで背景として設置できます。
私の場合は「何シテル?」の真下に置きたかったので、フッター(四角いエリアのうち、下辺のことをいいます)に挿入しましたので、その場合のやり方を書かせていただきます。

ここには、

width:☆☆☆px;
margin:0 auto;
height:☆☆☆px;
background:url('http://s01.flagcounter.com/count/rQZ8/bg_6B6B6B/txt_CCCCCC/border_CCCCCC/columns_3/maxflags_248/viewers_Accueil/labels_1/pageviews_1/flags_1/') no-repeat top center;

と、入れます。アドレスは個々で若干違いますが、これと同じ感じで入力しましょう。
☆は任意で変更してください。
カウンターの種類を全世界のビジターを表示するものにしている方は、国旗が増えるにつれプロフィールの文字にかぶってきたりするので、そのときは「height」の数値を大きくしてみてください。

うまく表示されないときは、小さな記号が抜けていないか、コピーした文字列に余計なスペースが入っていないか、用例の文字列と同じように要らない部分をカットできているかご確認ください。
関連情報URL:http://flagcounter.com/
1 - 2 / 2
© LY Corporation