> カスタマイズ | テンプレート | 小技 | 資料 >
Blogger 「HTML の編集」で JavaScript や CSS のコードを貼り付けるときの注意点
Blogger のコメントアウトの扱い
なぜこういうことが起こるかというと、配布されているコードに含まれるコメントアウトが、Blogger では特別な扱いを受けるから。
たとえば、Blogger の 「HTML の編集」では
という形のコメントアウトが使えません。正確には、
なので JavaScript でよく
という風にコードを書きますが、これを Blogger のテンプレートに直に書いても、
というデータしか書き出されず、肝心のコードが実行されなくなってしまいます。
対処法
では、どうやってコードを書き出すかというと、
ブログのカスタマイズを考えている人は、覚えておくといいんじゃないでしょうか。
スポンサードリンク：
お願い：
Blogger ブログのテンプレートに、外部ツールのスクリプトなどを直接貼り付けると、思った通りには動かない場合があります。
ブログのテンプレートに直接コードを書くとGoogle AdSenseは表示されませんでした。
私の環境では、ツイッターボタンがHTML貼り付けだとうまく表示できませんでした・・・。
Blogger のコメントアウトの扱い
なぜこういうことが起こるかというと、配布されているコードに含まれるコメントアウトが、Blogger では特別な扱いを受けるから。
たとえば、Blogger の 「HTML の編集」では
<!-- コード -->
という形のコメントアウトが使えません。正確には、
<-- と --> とで囲まれたこのコードの行は Blogger テンプレート内のコメントとして扱われてしまい、実際のブログのページ生成時には、この部分が削除されてしまいます。なので JavaScript でよく
<script type="text/javascript">
<!--
alert("Hello, World!");
//-->
</script>
<!--
alert("Hello, World!");
//-->
</script>
という風にコードを書きますが、これを Blogger のテンプレートに直に書いても、
<script type="text/javascript">
</script>
</script>
というデータしか書き出されず、肝心のコードが実行されなくなってしまいます。
対処法
では、どうやってコードを書き出すかというと、
- コメントアウトの書き換え
<!-- コード -->というコードを<!-- コード -->と実体参照に書き換えて「HTML の編集」に貼り付けると、
<!-- コード -->という風に HTML 上のコメントアウトとして、意図したとおりにブラウザにデータが届きます。
-
コメントアウトをやめる
単純に<--や-->を消してコードだけにする方法です。当たり前ですが、コードが消えてなくなることを回避できます。
- ガジェットに入れる
Blogger の「HTML/JavaScript」ガジェットに貼り付けたコードは、先に示した Blogger 独自のコメントアウトの制約を受けません。<!-- コード -->と書いても削除されることなく、そのままブラウザに送られます。
ブログのカスタマイズを考えている人は、覚えておくといいんじゃないでしょうか。
スポンサードリンク：
「この記事役に立った！」と思ったら、ぜひフィード登録をお願いします。 
二日間悩んでいたことが解決しました。本当に有難うございました。m(__)m
ReplyDeletehttp://transferefurniture.bcz.com/2016/07/31/%d8%b4%d8%b1%d9%83%d8%a9-%d9%86%d9%82%d9%84-%d8%a7%d8%ab%d8%a7%d8%ab-%d8%a8%d8%ac%d8%af%d8%a9/ شركة نقل عفش بجدة
ReplyDeletehttp://transferefurniture.bcz.com/2016/08/01/%d8%b4%d8%b1%d9%83%d8%a9-%d9%86%d9%82%d9%84-%d8%b9%d9%81%d8%b4-%d8%a8%d8%a7%d9%84%d9%85%d8%af%d9%8a%d9%86%d8%a9-%d8%a7%d9%84%d9%85%d9%86%d9%88%d8%b1%d8%a9/ شركة نقل عفش بالمدينة المنورة
http://transferefurniture.bcz.com/2016/08/01/%d8%b4%d8%b1%d9%83%d8%a9-%d9%86%d9%82%d9%84-%d8%b9%d9%81%d8%b4-%d8%a8%d8%a7%d9%84%d8%af%d9%85%d8%a7%d9%85/ شركة نقل عفش بالدمام
http://transferefurniture.bcz.com/2016/07/31/%d8%b4%d8%b1%d9%83%d8%a9-%d9%86%d9%82%d9%84-%d8%b9%d9%81%d8%b4-%d8%a8%d8%a7%d9%84%d8%b1%d9%8a%d8%a7%d8%b6/ شركة نقل عفش بالرياض
http://transferefurniture.bcz.com/%d8%b4%d8%b1%d9%83%d8%a9-%d8%aa%d9%86%d8%b8%d9%8a%d9%81-%d8%ae%d8%b2%d8%a7%d9%86%d8%a7%d8%aa-%d8%a8%d8%a7%d9%84%d9%85%d8%af%d9%8a%d9%86%d8%a9-%d8%a7%d9%84%d9%85%d9%86%d9%88%d8%b1%d8%a9/
http://transferefurniture.bcz.com/%d8%b4%d8%b1%d9%83%d8%a9-%d8%aa%d9%86%d8%b8%d9%8a%d9%81-%d8%a8%d8%a7%d9%84%d8%b7%d8%a7%d8%a6%d9%81/
ReplyDeletehttp://transferefurniture.bcz.com/%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-%d8%a7%d9%84%d9%86%d9%82%d9%84-%d8%a7%d9%84%d8%b9%d9%81%d8%b4-jumperads-com/
http://transferefurniture.bcz.com/%d8%b4%d8%b1%d9%83%d8%a9-%d9%85%d9%83%d8%a7%d9%81%d8%ad%d8%a9-%d8%ad%d8%b4%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%a7%d9%85%d9%84%d8%a9/
http://transferefurniture.bcz.com/ شركة نقل عفش | http://transferefurniture.bcz.com/ شركة نقل اثاث بجدة | http://transferefurniture.bcz.com/ شركة نقل عفش بالرياض | http://transferefurniture.bcz.com/ شركة نقل عفش بالمدينة المنورة | http://transferefurniture.bcz.com/ شركة نقل عفش بالدمام
http://khairyayman.inube.com/blog/5015576// شركة نقل عفش بجدة
شركات نقل وتنظيف
ReplyDeleteشركات نقل عفش بالطائف
شركات نقل عفش بالمدينة المنورة
شركات نقل عفش بمكة
شركات نقل عفش
Nike 270
ReplyDeleteRed Bottom Shoes For Women
Pandora Outlet
Jordan Retro 11
Jordans 11
Jordan Retro 9
Pandora Jewelry Official Site
Kyrie Irving Shoes
Nike Air Max 270
Bonus Gratis melalui Dealer Poker Uang Asli Volgograd Region Capital Situs www.rusiapoker.us Melalui BPD Sumut Syariah Kode Bank 117.
ReplyDeleteEngineering assignment writing services are essential for college & university engineering research paper services seekers and Engineering Writing Services.
ReplyDeleteThanks for sharing the article...You write very well...If you need backlinks please reach me on genuinehotelescorts@gmail.com
ReplyDeleteCall girls in jaipur
Call girls in Jaipur
Call girls in Jaipur
Call girls in Delhi
Call girls in Guwahati
Call Girls in Guwahati
call girls in Guwahati
Call girls in Guwahati
Call girls in Aerocity
Call Girls in lucknow
kd13
ReplyDeletebalenciaga triple s
moncler jacket
air jordan
balenciaga
golden goose
lebron shoes
golden goose sneakers
yeezy 700
yeezy boost 350
off white
ReplyDeletesupreme
jordan shoes
stephen curry shoes
jordan shoes
supreme new york
air jordan
kobe shoes
bape hoodie
golden goose sneakers
It's fantastic that you are getting ideas from this post as well as from our discussion made here.
ReplyDeleteAugurs GmbH