Blogger ( blogspot.com ) のエントリー Title / URL を JavaScript や HTML タグ属性に渡す

Blogger ( blogspot.com ) のエントリーページ、または複数エントリー表示ページ内の各エントリー表示領域内で、エントリーごとのタイトルや URL を取得し、 JavaScript コードや HTML タグ属性に適切に渡す方法です。

まずBlogger にログインし、「テンプレート HTML 編集」画面（ダッシュボード＞デザイン＞ HTML の編集）を開き、「ウィジェットのテンプレートを展開」チェックボックスをチェックします。
エントリーについて記述している箇所、例えば

<div class='post-header-line-1'>

の後くらいで、以下のように編集します。

JavaScript コードに渡す場合

<script type='text/javascript'>
    var url = #39;<data:post.url/>&#39;;
    var title = #39;<data:post.title/>&#39;; 
</script>

HTML タグの属性に渡す場合

<a expr:href='&quot;http://example.com/append/&quot; + data:post.url'>
<img expr:title='data:post.title + &quot;のエントリーを○○する&quot;' 
    expr:src='&quot;http://example.com/image/&quot; + data:post.url' />
</a>