晴れ時々曇り

風ろぐの自分のページにアクセスランキングを表示出来ることは知っていると思いますがそのランキングに順位をつけることができます。方法はいたって簡単です。スタイルシートを作って読み込ませるだけです。スタイルシートて難しそうですが簡単です。

①メモ帳に以下の記述を記入して名前を付けて保存する時にファイル種類をすべてのファイルにして名前を「mystyles.css」にして保存します。



.module-content #access-ranking-container ul li{
background:none;
display:list-item;
list-style-type:decimal;
margin: 0 5px 4px 25px;
padding: 0;
}

②「mystyles.css」をコントロール→ファイルからふ「mystyles.css」を参照から選択しアップロードします。どこでもOK但し「mystyles.css」までのアドレスは書き出しておきます。ここではcssのフォルダーを作成してそこへアップロードで説明しています。
③「mystyles.css」を読み込む記述を加えます。管理→名前や副題を変更をクリックしてブログの副題に以下の記述を加えれば完成。

※先ほど書き出したアドレスを記述します。
<link rel="stylesheet" href="http://〇〇〇.kazelog.jp/css/mystyles.css" type="text/css" />

※〇の部分はご自身のアドレスになります。

ブログをスマートフォン対応表示にしたのは良いのですが、CSSスタイルシートこれが曲者なかなか難しい。余白の取り方がよくわかりません。
もう少し勉強しなくちゃね。
せめてスマートフォンのCSSだけでも変更出来ればいいんだけどね。

久しぶりにブログを改造して好きな海外自動車メーカーのアンケートを設置してみました。(右サイドバー参照)
おひとり様一回投票をお願いします。
よろしくお願いします。
追伸・・・もっと自動車メーカーはあるんですけどねー。

ここ最近ブログの仕様の変更かなんかやっていて(システム側)スマートホンからの閲覧とかｊａｖａ(サイドバーの＋－のボタン)が反映されませんでした。
やっと先週あたりから直りました。ｃｓｓ(デザインの仕様)を変更しようかと思いましたが、変更しなくても良いみたいです。
このブログはホッタラカシ(笑)の様に不定期更新中ですが、取りあえず毎日覗いています(汗)
最近不定期更新になった理由について考えたのですが。
たぶんですねーiPhoneにしてしばらくしてから、投稿の画面がiPhoneから開くと化けたり書き込みエラーになってしまったのが最大の理由ですね。
iPhone用のアプリは出ているのですが風ログは仕様が違うみたいで残念！！

話は変わって
以前からデザインを変えようと思っているんですが、なかなか腰が重くて変えられずにいます(汗)
このブログのデザインはブログの初期のデザインですからねー(古)
腰をすえて手直しがしたいな～(汗)

Ｔｗｉｔｔｅｒが３月から旧公式ウェジットのサポートが終了してブログで表示されなくなりました。
いつもスマホで見てたので気が付きませんでした(汗)
今日ようやく気が付いて変更しておきました。
私のブログはＷが220より狭いので通常のコピペでは端が切れてしまいます。
そこで色々調べてみたらスタイルシートの最後に以下を書き込むだけで出来ました。

.twitter-timeline {
min-width:180px!important;
   }

私はスタイルシートを自分用の物を読み込ませていたので出来ました。
やり方はTypePad ベーシックでcssを変更するをご覧下さい。


もう一つの方法
Ｔｗｉｔｔｅｒのソースコード内に以下を書き込む

<a class="twitter-timeline" width="ｘｘｘ" height="ｘｘｘ"href="https://twitter.com・・・・
widtg="ｘｘｘ" height="ｘｘｘ"　ｘｘｘは好きなサイズです。

群馬県人度クイズを再開しました。
ぜひ挑戦してください。
問題も新しく追加しましたよ～。

★サービス問題
上毛かるたで『ねぎと○○○○○下仁田名産』
○○○○○にあてはまる言葉は?

スマートフォンページへのリンクを作りました。ページはMOBIFYを利用しています。
そのためコメントはkazelogページからしかコメント出来ません(汗)
よろしくお願いします。

ブログの一番下のところに表示しているCopyright(C)が2004-2010になっていました。(汗)
2年もの間放置されていました。
と言う事で2012へ変更しておきました。

設置方法は電子きつねな日々ドス★さんのTypePad：JavaScriptでコピーライトの表示に詳しく書かれています。

スマートフォン対応のページに良く角が丸くなったページを見かけますがどうにするのだろうと思っていましたが。
やってみると比較的簡単でした。
-webkit-border-radius: 10px; /*丸角*/
-moz-border-radius: 10px; /*丸角*/
border-radius: 10px; /*丸角*/
こんな感じで出来ました。

風ログ(typepad系)でスマートフォン対応ページを作成してみました。
mobify(無料版)でスマートフォン対応のページを作ることが出来ます。

スマートフォンのサイトのアドレスはhttp://taroukazelog.mobify.com/です。
スマートフォンをお持ちの方はチェックしてみてください。
下は太郎のiphone(スマートフォン用ページ)のQRコードです。