テスト投稿とBlogger初期設定

ひとまず画像の貼り付け実験。Blogger投稿画面の「HTMLの編集」からflickrのALL SIZESページにある貼り付け用コードをコピペ。リンク先の後ろに「/sizes/o」を付加する。その後に作成ページに戻ってサムネイルサイズを「大」に変更したのが上。とりあえずはこの作法でしばらくやってみようかと思います。

続きを読むテスト。どんな感じで省略されたり表示されたりするのか見てますよー。

次に「続きを読む」のリンクに付加される「#more」を暗黒魔界へリムーブする。これは"ウィジットのテンプレートを展開"にチェックを入れたテンプレートの編集画面で

<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>

という個所を探して「 + "#more"」という所(上記背景色部分)を削除すればOK。簡単すぎて屁が出ます。

さらに次はflickr badgeの修正。右コラムに2列で表示したいという要件さえも満たしてはくれない公式badgeメーカーをそっと爆破してGoogleすると

flickr badgeのカスタマイズ : kosukekato.com : the idea espresso
http://www.kosukekato.com/2007/06/flickr-badge.php

というありがたき先人様のページがどっかんヒットしたのでそのまま拝借させていただきごちそうさまです。やや改良させていただき下記のようにしました。

<!– Start of Flickr Badge –>
<style type="text/css">
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid #FFFFFF !important; margin:2px;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
</style>
<div class="flickr_badge_image">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=10&display=random&size=s&layout=h&source=user_set&user=*****&set=*****&context=*****"></script>
<br />
<span id="flickr_badge_source">recube5's <a href="http://www.flickr.com/photos/***/sets/*****/">illustrations</a> photoset</span>
</div>
<!– End of Flickr Badge –>

これで無事2段表示成功です。幅を指定したコラムへ上記背景色部分のようにそこそこ割りきれる枚数をcountで指定してlayoutを縦にすればいい感じにアレだと思います。

最後に個別記事のタイトル。初期状態は「ブログ名 記事タイトル」なのでちょっとしっくり来ない感じがむにょーんなのでこれを「記事タイトル | ブログ名」とひっくり返して表示出来るように調整しておきます。こちらもGoogle先生するとなぜか無駄にSEO発揮してぱくり記事はヒットするものの元記事が分からなかったのでそのぱくり(っぽい)コードをBloggerヘルプのレイアウト用ウィジット タグページを参照して理解しつつOKぽいので下記な感じで。

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

これは

<b:if cond='condition'>
   [条件が true ならば、コンテンツを表示]
<b:else/>
   [条件が false ならば、コンテンツを表示]
</b:if>

を鑑みるかぎり【条件=indexがtrue(cond)ならtitleのみ】、【条件がfalse(else)なら記事名ブログ名を！】ということです。←あんまり自信は無いので信じないで下さい。

以上で無駄に長いテスト投稿をしめます。