gdata.io.handleScriptLoaded({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$georss":"http://www.georss.org/georss","xmlns$thr":"http://purl.org/syndication/thread/1.0","xmlns$blogger":"http://schemas.google.com/blogger/2008","id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100"},"updated":{"$t":"2023-03-13T11:23:17.127+09:00"},"category":[{"term":"レビュー"},{"term":"宅建"},{"term":"リダイレクト"},{"term":"ブログ"},{"term":"Windows エクスペリエンス インデックス"},{"term":"アップデート"},{"term":"アナリティクス"},{"term":"WordPress"},{"term":"A8"},{"term":"光・モバイル回線"},{"term":"拡張機能"},{"term":"外注記事"},{"term":"メニューバー"},{"term":"ウェブマスターツール"},{"term":"禁煙に失敗した人の話"},{"term":"動画"},{"term":"WordPressカスタマイズ"},{"term":"Hatch"},{"term":"画像の圧縮"},{"term":"プラグイン"},{"term":"URL"},{"term":"ネームサーバー"},{"term":"STINGER"},{"term":"Seesaaカスタマイズ"},{"term":"Vista"},{"term":"Chrome"},{"term":"テラダモケイ"},{"term":"FREETEL"},{"term":"ファビコン"},{"term":"サブメニュー"},{"term":"ドメイン"},{"term":"AdSense"},{"term":"子テーマ"},{"term":"amazon"},{"term":"Bloggerカスタマイズ"},{"term":"css"},{"term":"NURO光"},{"term":"カテゴリー"},{"term":"バリューコマース"},{"term":"JavaScript"},{"term":"nofollow"},{"term":"マネークリップ"},{"term":"LinkWithin"},{"term":"サチコ"},{"term":"KIWAMI"},{"term":"プロフィール"},{"term":"ツイッター連携"},{"term":"totoBIG"},{"term":"ランサーズ"},{"term":"プロジェクター"},{"term":"Seesaa"},{"term":"キャッシュ"},{"term":"サイドバー"},{"term":"投稿ページ"},{"term":"グラボ"},{"term":"GIMP"},{"term":"Skitch"},{"term":"サイトマップ"},{"term":".exeファイル"},{"term":"Picasa"},{"term":"ウィンドウエアコン"},{"term":"テーマ"},{"term":"固定ページ"},{"term":"テンプレート"},{"term":"格安SIM"},{"term":"関連記事"},{"term":"スコアカード"},{"term":"禁煙に成功した人の話"},{"term":"連絡フォーム"},{"term":"禁煙の効果"},{"term":"艦これ"},{"term":"Google+"},{"term":"コピーライト"},{"term":"Linux"},{"term":"パーマリンク設定"},{"term":"トップページ"},{"term":"ミニバード"},{"term":"ペイント"},{"term":"Blogger"},{"term":"ドメインキング"},{"term":"Inkscape"},{"term":"圧縮"},{"term":"くじ"},{"term":"禁煙"},{"term":"ダウンロード"},{"term":"gzip"},{"term":"フォント"},{"term":"バナー広告"},{"term":"Googleアカウント"},{"term":"レンタルサーバー"},{"term":"画像"},{"term":"MesoColumn"},{"term":"窓用エアコン"},{"term":"クロスドメイントラッキング"},{"term":"パソコン"},{"term":"月次報告"},{"term":"MVNO"},{"term":"注目の投稿"},{"term":"禁煙のコツ"},{"term":"ページ内リンク"},{"term":"検索"},{"term":"タバコの害"}],"title":{"type":"text","$t":"メモロウ"},"subtitle":{"type":"html","$t":"メモロウ（旧はじめてのWordPressとBlogger+Seesaa）は、ブログ作成スキルゼロだった管理人が、WordPress・Blogger・Seesaaで実際に行ったカスタマイズの備忘録を中心に、日々の生活で気になった情報や話題を投稿しています。"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/css?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/css?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"alternate","type":"text/html","href":"http://www.memorou.com/search/label/css"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"generator":{"version":"7.00","uri":"https://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"2"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"9999"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-9115121964941903465"},"published":{"$t":"2014-01-07T16:58:00.000+09:00"},"updated":{"$t":"2017-02-25T00:42:42.560+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"css"},{"scheme":"http://www.blogger.com/atom/ns#","term":"JavaScript"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"自分のサイトに「このページには安全でないコンテンツが含まれています。」と表示されたため原因を確認"},"content":{"type":"html","$t":"このブログはBloggerを使用していて、普通にブログを開くと何事もなく表示されるのに、プレビューを表示すると「このページには安全でないコンテンツが含まれています。」と表示されます。\u003cbr /\u003e\n\u003cbr /\u003e\nその原因は何なのかを調べたので、確認する方法を記録します。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-Wu3qLrs2VMc/Ust4VoFl41I/AAAAAAAABOY/NRJ6RqBqJ8c/s1600/01.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://3.bp.blogspot.com/-Wu3qLrs2VMc/Ust4VoFl41I/AAAAAAAABOY/NRJ6RqBqJ8c/s1600/01.png\" height\u003d\"140\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e画像のように、ページ上部に警告文が表示され、読み込むか読み込まないかを問われます。通常、AdSense部分にはGoogleAdSense、Feed部分には新着記事が表示されます。\u003cbr /\u003e\n\u003ch2\u003e「このページには安全でないコンテンツが含まれています。」と表示される原因\u003c/h2\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://2.bp.blogspot.com/-uoKwmK8XEtg/UsuDRh40zbI/AAAAAAAABOo/9tgqvescbaU/s1600/02.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://2.bp.blogspot.com/-uoKwmK8XEtg/UsuDRh40zbI/AAAAAAAABOo/9tgqvescbaU/s1600/02.png\" height\u003d\"11\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n「詳しく見る」をクリックするとこのように書かれている。\u003cbr /\u003e\n\u003cblockquote\u003e問題\u003cbr /\u003e\nユーザー名やパスワードなどの機密情報を求めるウェブサイトでは、通常、パソコンとの間で安全な接続を使用してコンテンツを送受信します。Google Chrome では、安全な接続を使用してサイトにアクセスする場合、ウェブページのコンテンツが安全に送信されたかどうかが検証されます。安全でないチャネルから送信された特定のタイプのコンテンツをページ上で検出した場合、Google Chrome は自動的にこのコンテンツの読み込みをブロックし、アドレスバーに盾アイコン  を表示します。このようなコンテンツをブロックし、考えられるセキュリティの抜け穴を解消することで、ページ上の個人情報が悪意あるユーザーの手に渡らないようにします。\u003c/blockquote\u003eAdsense部分かFeed部分または両方が、「安全でないチャンネルから送信された―」 に引っかかっていると思われます。\u003cbr /\u003e\n\u003cbr /\u003e\n詳細の続き\u003cbr /\u003e\n\u003cblockquote\u003e高度なヒント\u003cbr /\u003e\n[設定] ページでは、すべてのサイトに対して、JavaScript や画像のような特定のタイプのウェブ コンテンツをブロックするよう選択できます。ウェブ コンテンツの設定を管理する方法について詳しくは、こちらをご覧ください。\u003cbr /\u003e\n[中略]\u003cbr /\u003e\nウェブ デベロッパーは、Chrome メニューから [ツール] \u0026gt; [JavaScript コンソール] を選択すると、自分のサイトで見つかった安全でないスクリプトを確認できます。完成度の低い拡張機能や安全でないCSS/Flash が問題の原因になっている場合もあります。\u003c/blockquote\u003eGoogleAdSenseが、完成度の低い拡張機能や安全でないCSS/Flashとは思えない（思いたくない）ですが、高度なヒントに、自分のサイトで見つかった安全でないスクリプトの確認ができると書いてあるので、確認してみます。\u003cbr /\u003e\n\u003cbr /\u003e\n参考：\u003ca href\u003d\"https://support.google.com/chrome/answer/1342714?hl\u003dja\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eChromeヘルプ\u003c/a\u003e\u003cbr /\u003e\n\u003ch2\u003e安全でないスクリプトの確認\u003c/h2\u003e警告が表示されるページで、設定からツールを選択し、JavaScript コンソールをクリックします。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://2.bp.blogspot.com/-fe1OvtPKPso/UsubrBpVvUI/AAAAAAAABO4/bcmONaN08mU/s1600/03.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://2.bp.blogspot.com/-fe1OvtPKPso/UsubrBpVvUI/AAAAAAAABO4/bcmONaN08mU/s1600/03.png\" height\u003d\"166\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nErrorsとwarningsの数が表示されます。\u003cbr /\u003e\nErrorsとwarningsをクリックすると、安全でないJavaScriptと安全でないコンテンツを見ることができます。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-_UwjzcDpR5w/UsusEyTp6pI/AAAAAAAABPI/NVACmf4RiJY/s1600/04.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://1.bp.blogspot.com/-_UwjzcDpR5w/UsusEyTp6pI/AAAAAAAABPI/NVACmf4RiJY/s1600/04.png\" height\u003d\"39\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nこのエラーとワーニング（ウォーニング）を元に安全でないコンテンツをブロックしたり、管理したりします。\u003cbr /\u003e\n\u003cbr /\u003e\nが、上にも書いたとおり、普通にページを開くと問題なく表示されるので、この記事の作成時は特に対処をしていません。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/9115121964941903465"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/9115121964941903465"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2014/01/blog-post_7.html","title":"自分のサイトに「このページには安全でないコンテンツが含まれています。」と表示されたため原因を確認"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://3.bp.blogspot.com/-Wu3qLrs2VMc/Ust4VoFl41I/AAAAAAAABOY/NRJ6RqBqJ8c/s72-c/01.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-2459213062240280265"},"published":{"$t":"2013-11-27T16:04:00.002+09:00"},"updated":{"$t":"2017-02-25T20:14:18.318+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"css"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Bloggerカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"Bloggerの表示位置とCSSコードの対応"},"content":{"type":"html","$t":"Bloggerで、『記事をちょっと上に移動したいんだけど、CSSでどう指定するんだっけ？』『色を変えたいんだけど』というときに、役に立つかもしれないCSSコードの記録です。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\n\u003ch2\u003e表示位置とCSSコードの対応\u003c/h2\u003eテンプレートはシンプルで、2カラムの右サイドバーを基準にしています。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://2.bp.blogspot.com/-hnmOnLU_t7M/UpWCfHxEpjI/AAAAAAAAA0M/OL1hocWcSmg/s1600/6.jpg\" imageanchor\u003d\"1\" style\u003d\"clear: left; float: left; margin-bottom: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://2.bp.blogspot.com/-hnmOnLU_t7M/UpWCfHxEpjI/AAAAAAAAA0M/OL1hocWcSmg/s400/6.jpg\" height\u003d\"337\" width\u003d\"400\" /\u003e\u003c/a\u003e\u003c/div\u003e図にすると上の画像のような感じです。\u003cbr /\u003e\n\u003cbr /\u003e\n①ブログタイトル\u003cbr /\u003e\n#Header1\u003cbr /\u003e\n\u003cbr /\u003e\n②ヘッダー\u003cbr /\u003e\n#header\u003cbr /\u003e\n\u003cbr /\u003e\n③メニューバー（ナビゲーションバー）\u003cbr /\u003e\n.tabs\u003cbr /\u003e\n\u003cbr /\u003e\n④日付\u003cbr /\u003e\n.date-header\u003cbr /\u003e\n\u003cbr /\u003e\n⑤記事タイトル\u003cbr /\u003e\nh3\u003cbr /\u003e\n.entry-title\u003cbr /\u003e\n\u003cbr /\u003e\n⑥記事\u003cbr /\u003e\n#main\u003cbr /\u003e\n\u003cbr /\u003e\n⑦続きを読む\u003cbr /\u003e\n.jump-link\u003cbr /\u003e\n\u003cbr /\u003e\n⑧SNSボタンなど\u003cbr /\u003e\n.post-footer\u003cbr /\u003e\n\u003cbr /\u003e\n⑨ウィジェットタイトル\u003cbr /\u003e\nh2\u003cbr /\u003e\n検索など一部のウィジェットタイトル\u003cbr /\u003e\nh2.title\u003cbr /\u003e\n\u003cbr /\u003e\n⑩右サイドバー\u003cbr /\u003e\n#sidebar-right-1\u003cbr /\u003e\n\u003cbr /\u003e\n⑪メイン\u003cbr /\u003e\n#main\u003cbr /\u003e\n\u003cbr /\u003e\n⑫フッター\u003cbr /\u003e\nfooter\u003cbr /\u003e\n\u003cbr /\u003e\n⑬ボディ\u003cbr /\u003e\nbody\u003cbr /\u003e\n\u003cbr /\u003e\n⑭ボディ？\u003cbr /\u003e\n不明\u003cbr /\u003e\n\u003cbr /\u003e\n左カラムの場合は大体、rightの部分がleftに変わるだけだったり、カラム数が増えると1だったのが2になるだけだったりします。\u003cbr /\u003e\n\u003ch2\u003eコードの探し方\u003c/h2\u003e\u003ch3\u003eGoogleChrome系ブラウザの場合\u003c/h3\u003e調べたい場所で右クリックすると、下の画像のように表示されるので、要素の検証をクリックする。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-vUztu9iYJoo/UpWT0Jvx2ZI/AAAAAAAAA0c/2jzB1ehmRjQ/s1600/1.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://4.bp.blogspot.com/-vUztu9iYJoo/UpWT0Jvx2ZI/AAAAAAAAA0c/2jzB1ehmRjQ/s1600/1.jpg\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003ch3\u003eFirefoxの場合\u003c/h3\u003e調べたい場所で右クリックすると、下の画像のように表示されるので、要素の調査をクリックする。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://2.bp.blogspot.com/-qjqFmjm8u2k/UpWUbMbfM2I/AAAAAAAAA0k/7gqnROJVgCk/s1600/2.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://2.bp.blogspot.com/-qjqFmjm8u2k/UpWUbMbfM2I/AAAAAAAAA0k/7gqnROJVgCk/s1600/2.jpg\" /\u003e\u003c/a\u003e\u003c/div\u003e"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/2459213062240280265"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/2459213062240280265"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2013/11/bloggercss.html","title":"Bloggerの表示位置とCSSコードの対応"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://2.bp.blogspot.com/-hnmOnLU_t7M/UpWCfHxEpjI/AAAAAAAAA0M/OL1hocWcSmg/s72-c/6.jpg","height":"72","width":"72"}}]}});