日々のコンピュータ情報の集積と整理

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






関連記事

関連記事を読み込み中...

同じラベルの記事を読み込み中...

");b.document.body.innerHTML="

"+a.innerHTML+"

"}; // ボタン生成・装飾を順序立てて遅延実行 setTimeout((function (){ (function(){for(var a=document.getElementsByTagName("pre"),b=0;b Chrome ユーザは、新しいウィンドウで開いたコードをコピーしてください。[理由]
';var d=a[b];d.parentNode.insertBefore(c,d.nextSibling);preArray.push(a[b].cloneNode(!0))}})(); // 装飾 (function(){function k(a){var d=document.createElement("link");d.setAttribute("rel","stylesheet");d.setAttribute("type","text/css");d.setAttribute("href",a);g(d)}function l(a,d){var b=document.createElement("script");b.setAttribute("type","text/javascript");b.setAttribute("src",a);d?(b.onload=b.onreadystatechange=function(){if(!b.readyState||/loaded|complete/.test(b.readyState))b.onload=b.onreadystatechange=null,e=!1,h()},n(function(){g(b)})):g(b)}function g(a){document.getElementsByTagName("head")[0].appendChild(a)} function p(a){m(function(){e=!0;a();e=!1})}function n(a){m(function(){e=!0;a()})}function m(a){e||0!=c.length?c.push(function(){a();h()}):(a(),h())}function h(){if(!e&&0 //]]>