明日に向かって昇龍拳

あゆコロちゃんのデザイン使用権は厚木市シティセールス推進課で管理されているんだね

愛甲石田にある「パン・ド・ファンタジスタ」さんで販売されている「あゆコロちゃんパン」。最近も、FM横浜の「ホズミング」のコーナーで取り上げられるなど、大人気。

ふと、あゆコロちゃんのデザイン使用権などはどうなっているんだろう？と思ったら、パン・ド・ファンタジスタさんのブログに使用権について書かれていた。

秘密プロジェクト（笑）公開パン・ド・ファンタジスタ情報局/ウェブリブログ

あゆコロちゃんのデザイン使用権は厚木市役所のシティーセールス課さんが管理しているとのこと。
早速、問い合わせてみたところ申請書を提出の必要ありとの事で、試作と書類を作成し、無事許可を頂きました

厚木市のサイトでも、厚木市政策部シティセールス推進課へ届け出て承認手続きが必要と書いてある。

厚木市：厚木市マスコットキャラクター「あゆコロちゃん」及びロゴマークの使用に関する要綱

要項を纏めてみた。

使用承認申請書を市長宛に提出。窓口はシティーセールス推進課。
使用を承認するのは市長。OKでもNGでも通知書が届く。
承認期間は承認日から起算して2年経った最初の3月31日まで。
使用料は無料。
企画書や何らかの参考となるものを添付すること（だから、パン・ド・ファンタジスタさんは試作品を提出されたんですね）。

使用料は無料だし、申請についても細々規定していないので自由度も高そうだ。

BloggerのHTML/JavaScriptガジェットでTweet、いいね！、Google+1（Google Plus One）ボタンをつけてみた

Bloggerのブログ記事に対してではなく、ブログサイトそのものに対して、ツイートや、いいね！、+1をクリックできるように、Bloggerのブログ右脇にガジェットを追加してみた。

1.「HTML/JavaScript」ガジェットを追加

Bloggerの管理ページで「デザイン」＞「ページ要素」＞「ガジェットを追加」＞「HTML/JavaScript」の＋記号をクリック。

2.ソースコードを編集

「HTML/JavaScript」右下の「編集」をクリック。コンテンツ欄に以下のコードを貼り付ける。

ボタンサイズは全て65pxレベルの大きなものを選択。

<iframe allowtransparency='true' src='http://platform.twitter.com/widgets/tweet_button.html?url=ブログのURL&text=ブログのタイトル&related=Twitterのアカウント&lang=ja&count=vertical' frameborder='0' scrolling='no' style='border:none; vertical-align:top; overflow:hidden; width:110px; height:65px;'></iframe>
<iframe allowtransparency='true' frameborder='0' scrolling='no' style='width:100px; height:65px; border:none; overflow:hidden; vertical-align:top;' src='http://www.facebook.com/plugins/like.php?href=URLエンコードしたブログのURL（例：http%3a%2f%2fxxxx.blogspot.com%2f）&amp;layout=box_count&amp;show_faces=false&amp;width=100px&amp;action=like&amp;colorscheme=light&amp;height=65px'></iframe>
<g:plusone size="tall" href="ブログのURL"></g:plusone>

ガジェットのコンテンツ欄では、expr:タグが解釈されず、そのまま文字列として表示されてしまうようだ。そのため、ブログのURLやタイトルも直接入力せざるを得なかった。

何かやり方があるのかな？

Bloggerブログ記事のTweetボタンをiframe版にしてみた

Bloggerのブログ記事のテンプレートに追加していたTwitterのTweetボタン。
これをiframeを使ったバージョンへ移行した。

これまでのコードは以下。

<a class='twitter-share-button' data-count='horizontal' data-lang='ja' data-via='Twitterのアカウント' expr:data-text='data:title + &quot;: &quot;+ data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

これを、以下のiframe版のコードへ変更。

<iframe allowtransparency='true' expr:src='&quot;http://platform.twitter.com/widgets/tweet_button.html?url=&quot; + data:post.url + &quot;&amp;text=&quot; + data:title + &quot;: &quot; + data:post.title + &quot;&amp;related=Twitterのアカウント&amp;lang=ja&amp;count=horizontal&quot;' frameborder='0' scrolling='no' style='width:130px; height:20px;'/>

iframe版ではsrc属性のみexprを使用。

「ブログタイトル：投稿記事のタイトル」という書式は変えていないが、同じことを表現するのに、以前は、

expr:data-text='data:title + &quot;: &quot;+ data:post.title'

としていたが、それを以下のように変更する必要があった。

text=&quot; + data:title + &quot;: &quot; + data:post.title + &quot;

" が複雑につながるので注意深く編集しなくてはならない。

ちなみに、現在のブログ記事フッターのソースコード一覧は以下。

<div class='post-body entry-content'>
  <data:post.body/>
  <div style='clear: both;'/> <!-- clear for photos floats -->

  <!-- Tweet Buttonなど -->
  <div style='float: left; margin-top:2.0em;'>
    <table border='0' cellpadding='0' cellspacing='0'>
      <tr>
        <td align='left' width='130'><iframe allowtransparency='true' expr:src='&quot;http://platform.twitter.com/widgets/tweet_button.html?url=&quot; + data:post.url + &quot;&amp;text=&quot; + data:title + &quot;: &quot; + data:post.title + &quot;&amp;related=Twitterのアカウント&amp;lang=ja&amp;count=horizontal&quot;' frameborder='0' scrolling='no' style='width:130px; height:20px;'/></td>
        <td align='left' width='110'><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/></td>
        <td align='left' width='90'><g:plusone expr:href='data:post.url' size='medium'/></td>
      </tr>
    </table>
  </div>
  <div style='clear: both;'/>
</div>

2011年7月4日月曜日

あゆコロちゃんのデザイン使用権は厚木市シティセールス推進課で管理されているんだね

BloggerのHTML/JavaScriptガジェットでTweet、いいね！、Google+1（Google Plus One）ボタンをつけてみた

Bloggerブログ記事のTweetボタンをiframe版にしてみた