2010/12/11
このブログ(Blogger)にFollow meのボタンを付けました。生成したコードを管理画面で貼り付けるときには、HTMLエンコードが必要です。
よく見る「Follow me」のボタンを、このブログに付ける方法を調べてみました。
付け方は、下記のサイトで教えていただきました。
Blogger でサイドに Twitter の Follow me のバッジを付ける
http://jutememo.blogspot.com/2009/12/blogger-twitter-follow-me.html
「Follow me」のボタンは、下記のサイトのサービスを利用して表示しているようです。
Twitter "Follow" Badge for your site/blog
http://www.go2web20.net/twitterFollowBadge/
このサイトで必要な設定をして貼り付けるコードを生成します。
Bloggerの管理画面にて、用意したコードを貼り付けます。
しかし、コードをそのまま貼り付けても、表示されません。タグの「<」や「>」をエンコードしないと、Bloggerでは貼り付けても反映されません。
HTMLエンコードフォーム
http://kawama.jp/php/encode_html.php
上記のサイトにて、 HTMLエンコードをしたコードを貼り付けます。
これでOKです。表示され、正常に動作しました。
登録:
コメントの投稿 (Atom)
人気の投稿 (過去 30 日間)
-
マップ上にコメント付きで画像を配置できるGoogle App EngineアプリのIEでの表示不具合を修正しました。このアプリのIEでの表示調整をしていなかったので修正してみました。まだ不具合は残っていますが、大まかなところは表示できるようになりました。 地名と共に画像を...
-
2011/10/16にとっとり花回廊と大山トムソーヤ牧場に行ってきました。 とっとり花回廊 http://www.tottorihanakairou.or.jp/ 10:00に、とっとり花回廊に着きました。天気もとてもよく、どの花もとてもきれいで...
-
前回の投稿の流れで、android-scripting「SL4A」をインストールしてみました。 android-scripting SL4A のサイトに表示されているQRコードをHT-03Aのバーコードスキャナーで読み込んで、「sl4a_r3.apk」をインストー...
-
ブログへの投稿を自動ツイートするために、friendfeedを使っていましたが、ツイート内容にブログを更新した旨の表示が入れられないので、どうにかならないかと考えていました。FeedBurnerを使えば、【ブログ更新しました】の文字を入れることが出来たので、FeedBurn...
-
集中線を画像に追加できる「Booom」というjQueryプラグインがあります。画像を用意するだけで、簡単に「漫画カメラ」で撮影したような集中線を書き込むことが出来ます。 集中線を追加するjQueryプラグイン「Booom」がバージョンアップ http://stackstoc...
-
岡山市久米に最近出来た「岡山みやび温泉 大家族の湯」に行って来ました。出来たばかりなので、中はどこをみてもキレイで気持ちいいです。 天然温泉 大家族の湯【岡山市北区久米】 http://www.daikazokunoyu.com/okayama/ いろいろなお風呂...
-
2012/10/21 苫田ダムを見に行きました。下の子が「ダムを見たことがない」と言うので、どこのダムを見に行くかを調べました。 岡山県内のダム http://www.pref.okayama.jp/page/detail-3663.html 岡山県内のダムのページ...
-
さくらのVPSにインストールしたRails3を使ったscaffoldジェネレータチュートリアルの続きです。「Ruby on Rails入門のscaffoldジェネレータ」のチュートリアルで、前回、mysql2の設定で終わったところの続きです。 scaffoldジェネレー...
-
病院関連のサイト制作、福祉関連のパンフレット作成の時などに、イメージ写真が欲しいことが、今までもよくありました。そんな時に、よく利用させてもらう素材集があります。 素材辞典 Vol.212 〈医療-ケア&サポート編〉 https://www.sozaijiten.com/...
-
このブログのデザインについては、「Blogger テンプレート デザイナー」のシンプルカテゴリのブルーを使っています。ただ、デフォルトの記事タイトルの扱いが弱いような気がしていました。気にはなっていたのですが、そのまま使っていました。もう少し、記事タイトルが強調出来るように修...




0 件のコメント:
コメントを投稿