このブログにスクロールしても付いてくるTwitterの「follow me」ボタンを設置してみました。
色々とやり方を調べていたら、下記のブログが参考になったのでご紹介。
IDEA＊IDEA：ブログの横に「Follow me」バッジをつける方法・・・
すぐに忘れる脳みそのためのメモ：Blogger でサイドに Twitter の Follow me のバッジを付ける
しかしここで紹介されているGO2WEB20のリンクが何故か切れていたので、諸々探しまわってたら、Twitterボタンというサイトがあったのでこちらを利用することに。
コードを取得する
Twitterボタン＞パーソナライズドボタンと進み、自分のTwitterIDを入力し、好みのボタンの種類を選択していくと自動で下の欄にコードが生成されるのでそれをコピーします。
コードを編集する
取得したコードをそのまま貼り付けても動作しないので、下記の赤字の部分を、
<script … ><!--
…
--></script>
から
<script … ><!--
…
--></script>
に編集します。
bloggerテンプレートを編集する
bloggerの管理画面に入り、テンプレート＞HTMLの編集＞続行と進み、「ウィジェットのテンプレートを展開」にチェックを入れます。
</body>タグを検索してその直前に上で編集したコードを貼り付けます。
「プレビュー」で確認をして、きちんと表示されていればOKです。
0 件のコメント:
コメントを投稿