Bloggerの各記事に「いいね！」ボタンを設置する方法（divタグ版）

(icon:http://www.iconfinder.com/)

先週よりようやくFacebookをはじめました。
といえど、なんだかアプリばかりやっている毎日なのですがｗ
まあそれはともかくとして、Facebookをはじめたことで、いろんなところで見かける「いいね！」ボタンの使い道がようやく理解できたところです。
いままでは指をくわえて見ていることしかなかった「いいね！」ボタン。いくら「いいね！」と思っても押すことが許されていなかったあのボタン―――これからはいくらでもポチポチできます。
そうなれば自分のブログにもつけたいじゃん！ という野望がむくむく湧いてくるのは当然のこと―――なので、さっそく設置してみました。
私が使っているのがBloggerなので、Bloggerに設置する方法をメモがてらまとめておきます。
（調べてみたところ、「いいね！」ボタンのコードが少し変わったみたいですので…。昔はiframeのコードぽかったですね）

Windows Live Writerでブログを描いてみるテスト

あけましておめでとうございます。うしなつみかんです。
本年もどうぞよろしくお願い致します。

さて、今年こそブログを書くぞうと意気込んでいるわけですが、どうもこのままじゃ「明日から本気出す」の繰り返しであっという間に2012年が終わってしまいそうだったので、さっそく重たい腰を上げてみました。

いっぱいブログを書くためには、ツール選びも欠かせないのではとか思いまして色々調べたところ……エディタなるものがあるらしい。
いままではブログを書くのに、テキストエディタとBloggerの標準の入力フォームだけを使用していたため、どうも不便でした。（特に画像の挿入とか）

いいエディタないかなーと思いまして探してみまして、とりあえず手始めにWindows Live Writerをインストールしテストして使用してみました。無料です。

blogger：<b:if>ラベル使用時のAndとOrのかきかた

cond を見ると吉里吉里を思い出す…なんてことはさておき、もいっちょbloggerネタ。
で処理を分けるときに、判定条件にAndやOrを使うときどうするか。
（Andとするのか&&とするのか）
ざっと見て明記がなかったので、単一のifの集まりで何とかするしかないってことがわかりました。

And条件

<b:if cond='data:blog.pageType == "static_page"'>
  <b:if cond='data:blog.pageType == "item"'>
  <!-- ここに処理をかく -->
  </b:if>
</b:if>

Or条件

<b:if cond='data:blog.pageType == "static_page"'>
  <!-- ここに処理をかく -->
</b:if>
<b:if cond='data:blog.pageType == "item"'>
  <!-- ここにも処理をかく -->
</b:if>

二箇所に処理がわかれるとめんどうだけどね…

Blogger：もらってきたテンプレートを編集する方法（基本？）

Blogger構築なうで、テンプレートのいじりかたがやっと理解できました。

BTemplatesなどでダウンロードしてきたテンプレートをちっとカスタマイズしたいとき、どうすればいいのかという話。

テンプレートの編集の時「ウィジェットのテンプレートを展開」にチェックを入れればよかった、というそれだけの話しですが、



ダウンロードしてきたテンプレートを、アップロードしたあと、「記事欄の表示をカスタマイズしたいけど」どうすりゃいいんだ？　となりまして
記事欄とかページ要素がHTMLのどこにもないぞと悩んでしまいました。
上記のように「ウィジェットのテンプレートを展開」にチェックすれば、すべて表示できました。
なるほどこれで編集するのですね。


これでガリガリ編集できます。
編集は力づくでやりましょうｗ