<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
  <author_name>minimalgreen</author_name>
  <author_url>https://blog.hatena.ne.jp/minimalgreen/</author_url>
  <blog_title>Minimal Green</blog_title>
  <blog_url>https://blog.minimal-green.com/</blog_url>
  <categories>
    <anon>ブログカスタマイズ</anon>
    <anon>CSS</anon>
  </categories>
  <description>※注意：AdSenseで使うことは無いと思いますが、この方法をGoogle Adsenseで使うときは必ず「レスポンシブ広告ユニット」にして下さい。レスポンシブ広告以外にdisplay:noneを使うと規約違反になりますのでご注意下さい。 Google Adsenseの場合レスポンシブ広告ユニットがあるので、それを使えば良いのですが、ASPによってはレスポンシブに対応してない広告もあります。PCでは横長のバナーを表示したいけど、スマホではスマートフォン用の小さいサイズの広告バナーを表示させたいという場合についての対応を考えてみました。タイトル下のバナー広告がテーマのコンテンツ幅やスマートフォン…</description>
  <height>190</height>
  <html>&lt;iframe src=&quot;https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.minimal-green.com%2Fentry%2Fad-change-css&quot; title=&quot;異なるサイズの広告バナーをスマホ・PCで切り替える方法 - Minimal Green&quot; class=&quot;embed-card embed-blogcard&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;&quot;&gt;&lt;/iframe&gt;</html>
  <image_url>https://cdn-ak.f.st-hatena.com/images/fotolife/s/syofuso/20170307/20170307234011.png</image_url>
  <provider_name>Hatena Blog</provider_name>
  <provider_url>https://hatena.blog</provider_url>
  <published>2017-03-07 23:44:42</published>
  <title>異なるサイズの広告バナーをスマホ・PCで切り替える方法</title>
  <type>rich</type>
  <url>https://blog.minimal-green.com/entry/ad-change-css</url>
  <version>1.0</version>
  <width>100%</width>
</oembed>
