~ モバイル版(スマートフォン)の操作 ~
左右にスワイプすると、前後の投稿へ移動します。
← 前の投稿 | 次の投稿 →
日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録

2015年3月4日水曜日

Blogger:HTML/JavaScriptガジェットのタイトルにはHTMLタグを含めることが可能


スポンサーリンク

イントロダクション

Google のブログサービス「Blogger」では、任意の HTML や JavaScript をブログ全体に適用したい場合には、「HTML/JavaScriptガジェット」として、ブログに追加することが可能です。

そして、この「HTML/JavaScriptガジェット」ですが、そのタイトル部分にも、HTMLタグを含めることが出来ました


HTML/JavaScriptガジェットのタイトルにはHTMLタグを含めることが可能

Blogger の「HTML/JavaScriptガジェット」では、タイトルとコンテンツを設定として指定します。

そのコンテンツの部分に、任意の HTML や JavaScript を追加することで、多様な表現を行うことが可能になります。


さて、その 「HTML/JavaScriptガジェット」ですが、タイトル部分に HTML タグを指定したらどうなるか気にありませんか?

ただの文字として認識されるのか、それとも HTML タグとして認識されるのか、いわれてみればよくわかりません。

そこで実際に試してみました。


試しに、タイトルとして、次のリンクを行うための HTML コードを設定しました。

「HTML/JavaScriptガジェット」のタイトル:
<a href="http://upa-pc.blogspot.jp/p/web-service.html">Webサービス</a>

Blogger : HTML/JavaScript ガジェット タイトルに HTML タグを設定
Blogger : HTML/JavaScript ガジェット
タイトルに HTML タグを設定


さて、実際にその内容で保存してみると・・・
HTML タグとして解釈され、クリックすると、リンク先に移動するようになっていました!


タイトルに HTML タグを設定した HTML/JavaScript ガジェット 設定したとおり、クリックしたらリンク先へ移動できるようになった
タイトルに HTML タグを設定した HTML/JavaScript ガジェット
設定したとおり、クリックしたらリンク先へ移動できるようになった


まとめ

このように、Blogger のHTML/JavaScriptガジェットでは、タイトルとして HTML タグを指定可能です。

ブログが使いやすくなるように、タイトル部分も工夫してみると良いかもしれません。


関連情報

Blogger:基本情報ガジェットのタイトルにはHTMLタグを含めることが可能
http://upa-pc.blogspot.com/2015/03/blogger-basic-info-gadget-title-html.html



スポンサーリンク

コメントを投稿

コメント投稿機能について