Twitterの「Follow me」のバッジをBloggerに設置する件

これもちょっと今更感満載なネタですが、設置してみた時に悩んだので書いておきます！ｗ

Twitterされている方は分かると思いますが、「Follow me」バッジとはこんなやつですね。


これ自体は「Twitter "Follow" Badge for your site/blog」というサイトで作ります。

Twitter account:という項目に、自分のアカウントを入れて、後は色やらサイズやら表示位置等々を決めて「UPDATA CODE」というボタンを押すだけです。

簡単なので、細かい作り方自体は今回は触れませんね。

で、ボタンを押して生成されたコードを、要は自分のブログのHTML内に貼り付けるだけの作業なのですが、何故か私の使っているBloggerでは表示されない！（汗）

何かミスったかな？と思い、コードの内容や前後のスペースなどをチェックしてみるも問題はない…。

そんなこんなで20分以上が経過…。


で調べてみたところ、Bloggerではテンプレート内で一部のタグが認識されないと言う結論に至りました！

認識されないというか、特殊文字の実体参照で記述しないと正しく処理されないようです…。

と言う事で、今回私が設置したソースはこれなんですが、

<!-- twitter follow badge by go2web20 -->
<script src='http://www.go2web20.net/twitterfollowbadge/1.0/badge.js' type='text/javascript'></script><script charset='utf-8' type='text/javascript'>
<!--
tfb.account = 'shikisokukusoku';
tfb.label = 'follow-us';
tfb.color = '#6ccff7';
tfb.side = 'r';
tfb.top = 136;
tfb.showbadge();
-->
</script>
<!-- end of twitter follow badge -->

スクリプト内にある<>の記述は実体参照で書くと言う事！

具体的には、上記コードで言うところの3行目と10行目にある<と;>の部分を実体参照で記述すると言う事になります。

こんな感じですね！ｗ

<!-- twitter follow badge by go2web20 -->
<script src='http://www.go2web20.net/twitterfollowbadge/1.0/badge.js' type='text/javascript'></script><script charset='utf-8' type='text/javascript'>
＆lt;!--
tfb.account = 'shikisokukusoku';
tfb.label = 'follow-us';
tfb.color = '#6ccff7';
tfb.side = 'r';
tfb.top = 136;
tfb.showbadge();
--＆gt;
</script>
<!-- end of twitter follow badge -->

分かりにくいですが、3行目と10行目の記述部分が実態参照で書かれています。

ちなみに、表示の都合で一部全角で記述していますので上のコードはコピペしても動きません！ｗ

ちょっと長くなってしまい、難しそうになってしまいましたので最後にまとめます！

結論としては、Follow meバッジを表示するためのソースにある二か所を実体参照で書きます。

<　は　＆ｌｔ；　と記述し。

>　は　＆ｇｔ；　と記述します。

これだけでOKです！（太字部分全角で書いています、実際には半角で記述してください）

あ～、長くなってしまい逆に混乱を招いているかも…。（汗）

まあ、Bloggerで同様に悩んだ方は試してみてください！ｗ

スマホでLINE Facebook Twitter (アスペクトムック) 著：なし 参考価格：¥987 価格：¥987 OFF : ()