ラベル別&アーカイブ・ページのトップに記事タイトル一覧を ~ Bloggerカスタマイズ(4)

2009年7月13日月曜日 20:55



ラベルやアーカイブのところから飛んで表示するページで,最初に記事タイトル一覧が出るようにしてみました~♫

今回は,クリボウさんとことHoliday Webmaster Blogさんとこのお世話に。
いろいろ試した結果,ベースはHoliday Webmaster Blogさんのコードを使い,ちょっぴりワタシらしさも加えて完成♥

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<ul id='post-title-navigation'>
<div align="center">
<span>C・O・N・T・E・N・T・S</span>
<b:loop values='data:posts' var='post'>
 <li type="square">
  <b:if cond='data:post.link'>
   <a expr:href='data:post.link'><data:post.title/></a>
  <b:else/>
   <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
   <b:else/>
    <data:post.title/>
   </b:if>
  </b:if>
 </li>
</b:loop>
</div>
</ul>
</b:if>
</b:if>

太字部分は手を加えたところ。配置はセンタリングし,あと表示を少しだけいじった。
日付は削除。一日に2つとか投稿することがあるから。

最大の問題は,またしても,これをどこに入れるかってこと。
クリボウさんが示しておられるコードなんて,ウチのにはないのよーcry
似たのを見つけてそこにいれても,全然機能しない。
試行錯誤で見つけたのが,↓これの下。このすぐ下に置いたら,やっとうまくいきました。
<b:includable id='main' var='top'>

Blogger純正テンプレートとはほど遠いものをお使いの方。お困りでしたらお試しあれ。

【7/15追記】
ページ最下部で≪前の投稿,新しい投稿≫をクリックして出てくるページにも,この記事タイトル一覧が表示されてましたー。知らなかった~ 想定外~。
コードを差し込む場所の問題なのはわかってるけど,代替案を考える力が残ってないconfused
でも,これはこれで,もしかして便利だったりする? まっいいか,このままで。

「22.日本語教育評価法」終了 with iPhoneアプリ"Calc"

19:12

【NAFL日本語教師養成プログラム】進行中。数字は提出済み。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

16/24終了。つまり2/3終了ってこと!

平均値,中点,分散,標準偏差… 
テストの結果を集計して評価・解釈するための数値たち。
今回は,これまでとはちょっと毛色の違う内容が含まれる。
簡単だけど,計算しなきゃいけない。

そこで,このアプリ,とっても役立ちました~biggrin
Calc Calc(無料!)

まずは平均値。16人分入力した後,間違ってないか見直し。
計算式と計算結果が確認できるのって,ほーんとありがたい。
その次,標準偏差を出すのに,√(ルート)も使った。
へぇー便利だ。

2乗するのにどれを使ったらいいのかわからず,「14×14」なんて入れたりしてたら,高校生の息子に笑われたけどね。

それにしても,この画面,試行錯誤の跡がくっきりですねlol "syntax error"って昔どこかで聞いたことあるような…

したこと・したいことリスト ~ Bloggerカスタマイズ(3)

12:55

ここらで少しまとめてみたい。
大仕事はほぼ終わったと思うのだけど,まだまだ改善の余地あり。
飽くなき欲望!wink

変更したこと

変更したいこと
  • コメントしてくださる方が名前/URLを選択されるあたりで,「URLは任意」を表現したい
  • ラベル別&アーカイブ・ページの記事タイトル一覧~ページ内リンクにするか否か
  • ちまちまといろんな調整

Blogger用ブックマークレット:BlogThis! を使ってみた

2009年7月12日日曜日 12:48

BlogThis! とは何ですか。 ? - Blogger ヘルプ

「読んでるサイトからそのまますぐにBlogger投稿ウィンドウを呼び出して書き始められ,しかもそこにはそのサイトのリンクが自動的に入ってる」ってことかな。少なくとも私には。

参考にさせてもらったサイトをリンクを使って表示することが多いので,私にはとっても便利。
ってことで,早速,この記事もBlogThis!を使って書いてみましたwink

セッティングとしては,FireFoxの場合だと,ブラウザのリンクバーに「BlogThis!リンク」*をドラッグするだけ!(*上のBloggerヘルプにあります)
あともか~んたん。読んでたページで「!」と思ったら,リンクバーの「BlogThis!」をクリックする。
そうすると,見ているページはそのままで,ポップアップでBlogThis!用の小さなBlogger投稿ウィンドウが出てくる。↓こんなの。

そこには,見ていたページへのリンクとテキストがもう出来上がって入ってる。これ楽だわあsurprised
そのあとは,普通の投稿と同じ。自分で文章なり何なりを加えたりすれば良し。

画像を追加したり,絵文字を入れたりはできないから,その必要がある時には(今書いてるこの記事も^^;),取りあえず下書きとして保存して,あとで手を入れなきゃいけないけどね。

ブラウザによって表示はどんなふうに異なるか

2009年7月11日土曜日 17:49

テンプレートを変えて以来,自分の作ったものが他のブラウザ(FireFox以外)でどんな風に見えてるのか,気にはなっていた。まさか,文字化けとかレイアウト崩れとか,しまくってたらどうしようって。
せっかくテンプレートいじりも終わりに近づいたと思ってるのに,またってのは困る…。

昨日テンプレートのコードを載せるのに,初めて<textarea>タグを使った。
そしてこれを機会に,初めていろんなブラウザで自分のブログを見てみた。
結果は「ほとんど」変わりなし。よかったーrazz とりあえず,ほっ。

そして違ったのは,昨日のお初の<textarea>部分。各ブラウザではこんなカンジ:

・FireFox

・Google Chrome

・Safari

・Internet Explorer


ふーん,そうなんだーって,ただそれだけなんだけど,それぞれ違ってて,ちょっとおもしろかったです。