> カスタマイズ | テンプレート | 小技 | 資料 >
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شركات نقل عفش بالطائف
شركات نقل عفش بالمدينة المنورة
شركات نقل عفش بمكة
شركات نقل عفش
The agent for nfl jerseys Matt Jones hopes Washington Redskins release the former starting custom jerseys store running jerseys store back sooner rather than later. Hadley limited jerseys Engelhard custom nfl jerseys told The Associated Press Wednesday morning that Jones' camp "asked very politely" for him to be released because "he has elited jerseys no future there." Jones skipped recent voluntary offseason workouts and custom jerseys showed up for wholesale nfl jerseys mandatory minicamp this custom nba jerseys week. Jones game jerseys was the starter going into the 2016 custom nhl jerseys season but fumbled three times in seven games and was inactive the final nine games. Undrafted rookie Robert Kelley took cheap nfl jerseys over the starting custom mlb jerseys job, and Washington drafted Oklahoma running back Samaje Perine in the fourth round.
ReplyDeleteNike 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