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/-/AdSense?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/AdSense?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"alternate","type":"text/html","href":"http://www.memorou.com/search/label/AdSense"},{"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":"10"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"9999"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-6582451147807677700"},"published":{"$t":"2014-06-19T12:03:00.000+09:00"},"updated":{"$t":"2017-02-19T22:15:01.694+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPress"},{"scheme":"http://www.blogger.com/atom/ns#","term":"AdSense"}],"title":{"type":"text","$t":"WordPressにレスポンシブ広告ユニットの設定"},"content":{"type":"html","$t":"レスポンシブWebデザインテーマを使っている場合、Google AdSenseのポリシーに違反しないために、レスポンシブ広告ユニットを設置することが多いと思います。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\nしかし、デフォルトの設定でコードを貼ると、思っていたサイズの広告が表示されないことがあります。そんなときの設定方法です。\u003cbr /\u003e\n\u003ch2\u003e広告ユニットの追加\u003c/h2\u003eGoogle AdSenseにログイン後、広告の設定から「新しい広告ユニット」をクリックします。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-L2GL3BTrepg/U5_vb8X5DXI/AAAAAAAAB3Y/Mn0EXG9dQmo/s1600/01.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"62\" src\u003d\"https://3.bp.blogspot.com/-L2GL3BTrepg/U5_vb8X5DXI/AAAAAAAAB3Y/Mn0EXG9dQmo/s1600/01.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n広告サイズから「レスポンシブ広告ユニット（ベータ版）」を選択します。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-LEcLSPJPFaA/U5_wV_OzRNI/AAAAAAAAB3g/by5iYxcKV9M/s1600/02.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"318\" src\u003d\"https://4.bp.blogspot.com/-LEcLSPJPFaA/U5_wV_OzRNI/AAAAAAAAB3g/by5iYxcKV9M/s1600/02.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e以下、好みの設定に変更後「保存してコードを取得」をクリックします。\u003cbr /\u003e\n\u003ch2\u003eレスポンシブ広告ユニットの設定\u003c/h2\u003e参考：\u003ca href\u003d\"https://support.google.com/adsense/answer/3213689\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eレスポンシブ広告ユニットについて\u003c/a\u003e\u003cbr /\u003e\n参考：\u003ca href\u003d\"https://support.google.com/adsense/answer/3543893\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eレスポンシブ広告ユニットを作成する\u003c/a\u003e\u003cbr /\u003e\nコード取得時に「スマートサイズ（推奨）」と「アドバンス（コード変更が必要）」のどちらかが選べます。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ch3\u003eスマートサイズ（推奨）\u003c/h3\u003eスマートサイズは、デフォルトの状態だとautoになっています。最初はautoのままコードを貼り付けてどのような広告サイズが表示されるのか確認します。\u003cbr /\u003e\n\u003cpre\u003e\u003ccode\u003edata-ad-format\u003d\"auto\"\n\u003c/code\u003e\u003c/pre\u003e気に入らなければautoの部分を、rectangle（レクタングル）、vertical（縦長）、horizontal（横長）に変更することにより、好みの形状の広告が表示されるようになります。\u003cbr /\u003e\n\u003cbr /\u003e\n最大幅580pxの記事下にスマートサイズのrectangleを貼ったところ、PCではレクタングル大とテキスト広告が重なるやつの表示が確認できました。\u003cbr /\u003e\nスマホではレクタングル中のみ確認できました。\u003cbr /\u003e\n\u003cbr /\u003e\n最大幅960px（広告スペース幅は730px）のサイトのタイトル横に、728×90の広告を表示させようとして、スマートサイズのhorizontalを貼ったところ、広告の表示は確認できなかった。これをアドバンスのコードに変更すると、PCではビッグバナーの表示が確認できました。原因は不明。\u003cbr /\u003e\nスマホではモバイルバナーが確認できました。\u003cbr /\u003e\n\u003ch3\u003eアドバンス（コード変更が必要）\u003c/h3\u003eアドバンスは、画面の大きさに合わせて、自分で広告のサイズを指定することができます。\u003cbr /\u003e\nデフォルトではこのようになっています。\u003cbr /\u003e\n\u003cpre\u003e\u003ccode\u003e.***** { width: 320px; height: 50px; }\n@media(min-width: 500px) { .***** { width: 468px; height: 60px; } }\n@media(min-width: 800px) { .***** { width: 728px; height: 90px; } }\n\u003c/code\u003e\u003c/pre\u003eこのwidthとheightの数値をそれぞれ変更することにより、広告のサイズが変わります。\u003cbr /\u003e\n\u003cbr /\u003e\nカスタム広告ユニットには、サイズ制限があります。\u003cbr /\u003e\n参考：\u003ca href\u003d\"http://www.memorou.com/2014/01/google-adsense.html\"\u003eGoogle AdSenseのサイズを変更できる「カスタム広告ユニット」を設置\u003c/a\u003e\u003cbr /\u003e\n\u003cul\u003e\u003cli\u003e300pxを超過できるのは高さか幅の一方のみ\u003c/li\u003e\n\u003cli\u003e最小幅は120px\u003c/li\u003e\n\u003cli\u003e最小高さは50px\u003c/li\u003e\n\u003cli\u003e高さと幅のどちらも1200pxまで\u003c/li\u003e\n\u003c/ul\u003e"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/6582451147807677700"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/6582451147807677700"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2014/06/wordpress.html","title":"WordPressにレスポンシブ広告ユニットの設定"}],"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":"https://3.bp.blogspot.com/-L2GL3BTrepg/U5_vb8X5DXI/AAAAAAAAB3Y/Mn0EXG9dQmo/s72-c/01.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-2887851442607874719"},"published":{"$t":"2014-03-03T09:00:00.000+09:00"},"updated":{"$t":"2017-02-20T23:23:00.822+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"AdSense"}],"title":{"type":"text","$t":"Googleからの手紙　Google AdSense Support 個人識別番号（PIN）の送信"},"content":{"type":"html","$t":"2014年1月27日にGoogle AdSense Supportから手紙が届きました。\u003cbr /\u003e\n\u003cbr /\u003e\nその内容は、Google AdSenseアカウントの支払いを有効にするために行う4つのステップについてでした。\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://2.bp.blogspot.com/-zKRa3jabW2w/UuHsHNtKSvI/AAAAAAAABas/IoF_gfaQmYA/s1600/g%E3%81%8B%E3%82%89%E3%81%AE%E6%89%8B%E7%B4%99.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://2.bp.blogspot.com/-zKRa3jabW2w/UuHsHNtKSvI/AAAAAAAABas/IoF_gfaQmYA/s1600/g%E3%81%8B%E3%82%89%E3%81%AE%E6%89%8B%E7%B4%99.jpg\" height\u003d\"240\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nGoogle AdSenseホームのデザインが変わり、手紙に書かれた手順から変更点があります。\u003cbr /\u003e\n\u003cbr /\u003e\nステップ1\u003cbr /\u003e\nGoogle AdSenseにログインします。\u003cbr /\u003e\n\u003cbr /\u003e\nステップ2\u003cbr /\u003e\n画面上部のナビゲーションバー右下の「お支払いを表示をクリックします。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-50tjRBnwzCc/UxFHl2NxE1I/AAAAAAAABi4/g5i_J0eMU0c/s1600/01.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://4.bp.blogspot.com/-50tjRBnwzCc/UxFHl2NxE1I/AAAAAAAABi4/g5i_J0eMU0c/s1600/01.png\" height\u003d\"31\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nステップ3\u003cbr /\u003e\n「PINを入力してください」をクリックします。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-CgqO1Wh5RQ0/UxFH15uF6AI/AAAAAAAABjA/SAFKS_r2xxM/s1600/02.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://1.bp.blogspot.com/-CgqO1Wh5RQ0/UxFH15uF6AI/AAAAAAAABjA/SAFKS_r2xxM/s1600/02.png\" height\u003d\"144\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nステップ4\u003cbr /\u003e\nPINコードの入力欄に、手紙に記載された「PIN：******」を入力します。\u003cbr /\u003e\n半角全角の指定はありませんでしたが、半角で入力しました。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-PVJldKuGIuM/UxFNUWh5hSI/AAAAAAAABjQ/Ac7sZcsLi2c/s1600/03.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://4.bp.blogspot.com/-PVJldKuGIuM/UxFNUWh5hSI/AAAAAAAABjQ/Ac7sZcsLi2c/s1600/03.png\" height\u003d\"174\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e入力したら、「PIN送信」ボタンをクリックします。\u003cbr /\u003e\n\u003cbr /\u003e\n注意することは一つ\u003cbr /\u003e\n\u003cblockquote\u003ePIN を 3 回間違えて入力すると、広告の配信やアカウントへのアクセスが停止されます。\u003c/blockquote\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-DxJYKYoEHNI/UxFPSBeX3aI/AAAAAAAABjc/Gur5lyZ1GVM/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/-DxJYKYoEHNI/UxFPSBeX3aI/AAAAAAAABjc/Gur5lyZ1GVM/s1600/04.png\" height\u003d\"18\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e画面上部に、「ありがとうございました。PINは正しく入力され、アカウントに設定されていたPINは削除されました。」と出れば完了です。\u003cbr /\u003e\n\u003ch2\u003eタイムゾーンの変更\u003c/h2\u003eレポートのタイムゾーンを変更します。デフォルトではアメリカ時間になっているので、これを日本時間に変更します。\u003cbr /\u003e\n\u003cbr /\u003e\nまず、右上にある歯車アイコンをクリックし、設定を選択します。\u003cbr /\u003e\n次に、左メニューのアカウント情報をクリックして、タイムゾーンの編集をクリックします。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-jwfXg8iFgic/U6OhJxDcVmI/AAAAAAAAB4Q/TwQ0lbP-D_s/s1600/06.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://4.bp.blogspot.com/-jwfXg8iFgic/U6OhJxDcVmI/AAAAAAAAB4Q/TwQ0lbP-D_s/s1600/06.png\" height\u003d\"68\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e太平洋時間の枠をクリックして東京を選択します。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://2.bp.blogspot.com/-fOB3Q57nXhk/U6OiOOSyyjI/AAAAAAAAB4Y/e66gOMtDJ8U/s1600/07.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://2.bp.blogspot.com/-fOB3Q57nXhk/U6OiOOSyyjI/AAAAAAAAB4Y/e66gOMtDJ8U/s1600/07.png\" height\u003d\"110\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e最後に保存ボタンを押したら完了です。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/2887851442607874719"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/2887851442607874719"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2014/03/googlegoogle-adsense-support-pin.html","title":"Googleからの手紙　Google AdSense Support 個人識別番号（PIN）の送信"}],"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/-zKRa3jabW2w/UuHsHNtKSvI/AAAAAAAABas/IoF_gfaQmYA/s72-c/g%E3%81%8B%E3%82%89%E3%81%AE%E6%89%8B%E7%B4%99.jpg","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-1716849510341113466"},"published":{"$t":"2014-01-23T12:02:00.001+09:00"},"updated":{"$t":"2017-02-23T07:41:14.881+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"バナー広告"},{"scheme":"http://www.blogger.com/atom/ns#","term":"AdSense"}],"title":{"type":"text","$t":"Google AdSenseのサイズを変更できる「カスタム広告ユニット」を設置"},"content":{"type":"html","$t":"Google AdSenseの広告サイズを、自由に変更できる「カスタム広告ユニット」が利用できるようになっていたことを、AdSenseニュースレターで今日知り、早速設置してみました。\u003cbr /\u003e\n\u003cbr /\u003e\n「カスタム広告ユニット」は40万通り以上のサイズに変更できるため、今まで不恰好に空白ができていた所に、丁度良いサイズの広告を表示できるようになりました。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\n\u003ca href\u003d\"http://adsense-ja.blogspot.jp/2013/12/40.html\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eAdsense 日本版 公式ブログ\u003c/a\u003eにはこのように書かれています。\u003cbr /\u003e\n\u003cblockquote\u003eこのたび、広告ユニットのサイズを自由に設定（カスタム）できる「カスタム広告ユニット」の提供を開始しました。サイト運営者様のウェブサイトのレイアウトに合ったサイズの広告を配置することができます。\u003c/blockquote\u003e\u003cbr /\u003e\nこれは多くの方が待ち望んでいた機能だと思います。\u003cbr /\u003e\n\u003cbr /\u003e\nしかし、「カスタム広告ユニット」を使用する際の注意点があります。\u003cbr /\u003e\n\u003ch2\u003eカスタム広告ユニットのポリシーと制限事項\u003c/h2\u003e広告サイズについての制限があります。\u003cbr /\u003e\nAdsenseヘルプの\u003ca href\u003d\"https://support.google.com/adsense/answer/3289364?hl\u003dja\u0026amp;ref_topic\u003d3640746\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eカスタム広告ユニットについて\u003c/a\u003eによると、300ピクセルを超えられるのは高さか幅のどちらかだけで、最小の高さと幅がそれぞれ50ピクセルと120ピクセルに、高さと幅が最大で1200ピクセルまでに制限されています。\u003cbr /\u003e\n\u003cbr /\u003e\n既に300×600の広告を設置しているときに、カスタム広告ユニットで300×600に近いサイズに設定すると制限事項違反となり、広告が配信されなくなりそうです。\u003cbr /\u003e\n\u003cbr /\u003e\n今回は、既に300×600の広告を設置しているため、横長の600×300にカスタムしました。\u003cbr /\u003e\n\u003ch2\u003e広告ユニットのカスタム方法\u003c/h2\u003eAdSenseにログインして、広告の設定の「+新しい広告ユニット」をクリックします。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-6M4x9eW1-oI/UuB3TuwOMXI/AAAAAAAABYk/b1eLlVANneA/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/-6M4x9eW1-oI/UuB3TuwOMXI/AAAAAAAABYk/b1eLlVANneA/s1600/01.png\" height\u003d\"62\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n名前に任意の文字を入力します。今回は「custom」にしました。\u003cbr /\u003e\n広告サイズでその他カスタムのカスタム広告ユニットを選択します。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-Tuqh1Bhk0N8/UuB6sDb-S7I/AAAAAAAABYw/Q81fE2Eiq98/s1600/02.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://3.bp.blogspot.com/-Tuqh1Bhk0N8/UuB6sDb-S7I/AAAAAAAABYw/Q81fE2Eiq98/s1600/02.png\" height\u003d\"320\" width\u003d\"305\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n幅と高さのサイズを入力します。幅と高さが最小値を超えるまで赤文字で注意されます。\u003cbr /\u003e\n600×300にカスタムするので、幅に「600」高さに「300」と入力します。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-R1k2shrG44s/UuB8JRi_K-I/AAAAAAAABY4/w-jEequt9nE/s1600/03.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://1.bp.blogspot.com/-R1k2shrG44s/UuB8JRi_K-I/AAAAAAAABY4/w-jEequt9nE/s1600/03.png\" height\u003d\"206\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e広告タイプと代替広告をそれぞれ指定します。一般的にはそのままで問題ありません。\u003cbr /\u003e\n\u003cbr /\u003e\n次に、広告のスタイルを選択します。右上がプレビューになっていて、用意されているスタイルから選ぶか、個別で設定することができます。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-qM9SeKnoxtM/UuB-lF6nlTI/AAAAAAAABZA/UYfLB7L15GM/s1600/04.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://4.bp.blogspot.com/-qM9SeKnoxtM/UuB-lF6nlTI/AAAAAAAABZA/UYfLB7L15GM/s1600/04.png\" height\u003d\"182\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e最後に「保存してコードを取得」し広告コードをサイトに貼り付けたら完了です。\u003cbr /\u003e\n\u003ch2\u003eカスタム広告ユニットを設置した結果\u003c/h2\u003e実際に貼り付けてみました。\u003cbr /\u003e\n1行と10行のテキスト広告や、336×280のレクタングル大などの表示が他よりも多く確認できました。\u003cbr /\u003e\n\u003cbr /\u003e\nいまのところ、600×300のメディア広告は確認できていません。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cdiv class\u003d\"reference\"\u003e現在は「レスポンシブ」を使用します。\u003cbr /\u003e\n参考：\u003ca href\u003d\"http://www.memorou.com/2014/06/wordpress.html\"\u003eレスポンシブ広告ユニットの設定\u003c/a\u003e\u003cbr /\u003e\n\u003c/div\u003e"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/1716849510341113466"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/1716849510341113466"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2014/01/google-adsense.html","title":"Google AdSenseのサイズを変更できる「カスタム広告ユニット」を設置"}],"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/-6M4x9eW1-oI/UuB3TuwOMXI/AAAAAAAABYk/b1eLlVANneA/s72-c/01.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-469258560316076817"},"published":{"$t":"2013-12-13T11:18:00.000+09:00"},"updated":{"$t":"2017-02-25T17:08:57.368+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Bloggerカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"AdSense"}],"title":{"type":"text","$t":"Bloggerの記事タイトル下と記事下にアドセンス広告を設置する方法"},"content":{"type":"html","$t":"通常、Bloggerにアドセンスを設置する場合は、収益からブログ上に広告を表示で「はい」を選択します。\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://1.bp.blogspot.com/-QokAZY_doU4/UqgyoljHR_I/AAAAAAAAA7M/CRNldGO4vG0/s1600/1.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"162\" src\u003d\"http://1.bp.blogspot.com/-QokAZY_doU4/UqgyoljHR_I/AAAAAAAAA7M/CRNldGO4vG0/s320/1.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nしかし、この方法でアドセンスを設置すると、タイトルの下に表示することができません。\u003cbr /\u003e\n\u003cbr /\u003e\n今回は、HTMLを編集して表示させたので、そのときの手順や、注意することを記録します。\u003cbr /\u003e\n\u003cbr /\u003e\nHTMLを編集する場合は、念のためバックアップをとっておきます。バックアップ方法がわからない場合は、\u003ca href\u003d\"http://www.memorou.com/2015/01/blogger_11.html\"\u003eテンプレートのバックアップ\u003c/a\u003eを参考にしてください。\u003cbr /\u003e\n\u003ch2\u003eアドセンス広告を設置する前の準備\u003c/h2\u003eガジェットのHTML/JavaScriptにアドセンス広告コードを貼り付ける場合とは異なり、HTMLに直接追加する場合は、コードをエンティティ化（実態参照化）する必要があります。\u003cbr /\u003e\n\u003cbr /\u003e\n変換するのは、「\u0026lt;」と「\u0026gt;」と「\"」の３種類でそれぞれ下記のように書き換えます。\u003cbr /\u003e\n\u003cpre\u003e\u0026lt; を \u0026amp;lt;\n\u0026gt; を \u0026amp;gt;\n\" を \u0026amp;quot;\n\u003c/pre\u003e１つずつ書き換えるのは非常に面倒なので、変換ツールを使用させてもらいます。\u003cbr /\u003e\n\u003cbr /\u003e\n広告コードをコピーしたら、\u003ca href\u003d\"http://labs.m-logic.jp/html2text/\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eHTML2TEXT\u003c/a\u003eの元の文章の部分にペーストして、「上から下へ変換」ボタンをクリックします。\u003cbr /\u003e\n\u003cbr /\u003e\nすると、下に変換されたコードが表示されるので、それをコピーしてHTMLに貼り付けます。\u003cbr /\u003e\nコードを貼り付ける場所は、表示させる場所によって変わります。\u003cbr /\u003e\n\u003ch2\u003e記事タイトルの下にアドセンスを表示する方法\u003c/h2\u003eテンプレートからHTMLの編集をクリックします。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://2.bp.blogspot.com/-fDeQk7X_MF0/UqkaK89fp8I/AAAAAAAAA7o/_Hye0qTtZG0/s1600/5.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"214\" src\u003d\"http://2.bp.blogspot.com/-fDeQk7X_MF0/UqkaK89fp8I/AAAAAAAAA7o/_Hye0qTtZG0/s320/5.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003eHTMLから下記の記述を探します。\u003cbr /\u003e\n\u003cpre\u003ediv class\u003d'post-header-line-1\n\u003c/pre\u003eシンプルテンプレートでは、2つ見つけることができるので、2個目の下に変換したコードを貼り付けます。\u003cbr /\u003e\n\u003cbr /\u003e\n貼り付けたら、テンプレートを保存ボタンをクリックして完成です。\u003cbr /\u003e\n\u003cbr /\u003e\nこれで、記事タイトルの下に表示されるようになりますが、トップページに表示したくない場合は、 \u003cbr /\u003e\n\u003cpre\u003e\u0026lt;b:if cond\u003d\"data:blog.pageType \u003d\u003d \u0026amp;quot;item\u0026amp;quot;\"\u0026gt;\nここに変換したコード\n\u0026lt;/b:if\u0026gt;\n\u003c/pre\u003eのように変換したコードを挟みます。 \u003cbr /\u003e\nこれで、個別ページにのみ広告が表示されるようになります。 \u003cbr /\u003e\n\u003ch3\u003e検索の方法\u003c/h3\u003eテンプレートを編集の枠内で、どこでもいいので一度クリックして、Ctrlキー+Fを押すと検索窓が開くので、そこに検索したい文字を入力もしくは貼り付けます。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-i4CPrGSGYoo/UqkgliEPFaI/AAAAAAAAA74/UT_sry6pFY4/s1600/6.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"181\" src\u003d\"http://4.bp.blogspot.com/-i4CPrGSGYoo/UqkgliEPFaI/AAAAAAAAA74/UT_sry6pFY4/s320/6.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003eすると、検索した文字がハイライト表示されます。\u003cbr /\u003e\n\u003ch2\u003e記事の下にアドセンスを表示する方法\u003c/h2\u003e記事タイトルの下にアドセンスを表示する方法と同様に、テンプレートからHTMLの編集をクリックし、下記の記述を探します。 \u003cbr /\u003e\n\u003cpre\u003edata:post.body\n\u003c/pre\u003eシンプルテンプレートでは、3つ見つけることができるので、2個目の下に変換したコードを貼り付けます。\u003cbr /\u003e\n\u003cbr /\u003e\n貼り付けたら、テンプレートを保存ボタンをクリックして完成です。 \u003cbr /\u003e\n\u003cbr /\u003e\n個別ページの記事下のみ表示させる場合は、上記と同じように「if」で挟みます。\u003cbr /\u003e\n\u003ch2\u003eタイトルや記事の下に設置するときの注意点\u003c/h2\u003e例えば、すでに「ガジェットを追加」でAdSenseを1つ設置して、HTML/JavaScriptで2つ設置していた場合、この時点で合計3つの広告が表示されることになります。\u003cbr /\u003e\n\u003cbr /\u003e\n通常、Bloggerでは、4つ目以降の広告は白い空白となって、広告が表示されないように自動的に制御されます。\u003cbr /\u003e\n\u003cbr /\u003e\nしかし、上記手順で記事タイトルの下と記事の下にアドセンスを追加すると、元々設置していた3つと追加した2つで合計5つ表示されてしまいます。\u003cbr /\u003e\n\u003cbr /\u003e\n理由はわかりませんが、この場合自動的に制御されず、\u003ca href\u003d\"https://support.google.com/adsense/answer/48182?hl\u003dja\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eAdSenseプログラムポリシー\u003c/a\u003eに違反することになりかねません。\u003cbr /\u003e\n\u003cbr /\u003e\nまた、広告（スポンサーリンク）と記入するか、スペースやラインを入れるなどして、広告であるということをわかるようにしておいたほうが無難です。\u003cbr /\u003e\n\u003ch3\u003e広告表示位置の修正\u003c/h3\u003e広告が思っていた高さに表示されない場合や、少し右に寄せたい場合など、位置を修正する方法です。\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;div style\u003d\"margin : 10px 0px 20px 40px\"\u0026gt;\nここに変換した広告コード\n\u0026lt;/div\u0026gt;\n\u003c/pre\u003e上記のようにマージンで調整します。\u003cbr /\u003e\n左から、上、右、下、左からの距離です。自分のブログデザインに合わせて調節します。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/469258560316076817"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/469258560316076817"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2013/12/blogger.html","title":"Bloggerの記事タイトル下と記事下にアドセンス広告を設置する方法"}],"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://1.bp.blogspot.com/-QokAZY_doU4/UqgyoljHR_I/AAAAAAAAA7M/CRNldGO4vG0/s72-c/1.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-3889869096010717021"},"published":{"$t":"2013-11-21T17:27:00.000+09:00"},"updated":{"$t":"2017-02-19T22:54:26.632+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"STINGER"},{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPress"},{"scheme":"http://www.blogger.com/atom/ns#","term":"バナー広告"},{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPressカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"AdSense"}],"title":{"type":"text","$t":"WordPressのヘッダーや記事下など好きな位置にアドセンスを設置する方法"},"content":{"type":"html","$t":"WordPressのヘッダー内のタイトル横やサイドバー、記事の下やメニューバーの下など全部で6箇所にアドセンス広告を貼る方法です。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\nコンテンツ向けのAdSenseユニットは1ページに3つまで配置できます。\u003cbr /\u003e\nまた、リンクユニットも1ページに3つまで配置できるので、自分のサイトにあった配置や、サイズ、スタイルを考えます。 \u003cbr /\u003e\n\u003cbr /\u003e\n効果的な配置やデザインのヒントなどは\u003ca href\u003d\"https://support.google.com/adsense/answer/2973336?hl\u003dja\u0026amp;ref_topic\u003d1250106\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eAdSenseを最大限に活用する\u003c/a\u003eで確認できます。\u003cbr /\u003e\n\u003cbr /\u003e\nWordPressのバージョンは3.6.1で、テーマはSTINGER3を使用しています。\u003cbr /\u003e\n\u003ca href\u003d\"http://www.memorou.com/2015/02/wordpressstinger5.html\"\u003eSTINGER5のカスタマイズはこちら\u003c/a\u003e\u003cbr /\u003e\n\u003cdiv class\u003d\"mokuji\"\u003e\u003cdiv class\u003d\"mokuji-title\"\u003eもくじ\u003c/div\u003e\u003col\u003e\u003cli\u003e\u003ca href\u003d\"#moku1\"\u003eヘッダー(タイトル横)にAdSense広告を貼る方法\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href\u003d\"#moku2\"\u003eサイドバーにAdSense広告を貼る方法\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href\u003d\"#moku3\"\u003e記事の下にAdSense広告を貼る方法\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href\u003d\"#moku4\"\u003e関連記事の下にAdSense広告を貼る方法\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href\u003d\"#moku5\"\u003e固定ページにAdSense広告を貼る方法\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href\u003d\"#moku6\"\u003eメニューバーの下にAdSense広告を貼る方法\u003c/a\u003e\u003c/li\u003e\n\u003c/ol\u003e\u003c/div\u003e\u003ca name\u003d\"moku1\"\u003e\u003c/a\u003e  \u003ch2\u003eヘッダー(タイトル横)にAdSense広告を貼る方法\u003c/h2\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-A6NFxZaax6U/Uo247B0Y_HI/AAAAAAAAAlo/Bph_57_Bevk/s1600/%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E6%A8%AA_2.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"83\" src\u003d\"https://4.bp.blogspot.com/-A6NFxZaax6U/Uo247B0Y_HI/AAAAAAAAAlo/Bph_57_Bevk/s320/%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E6%A8%AA_2.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n以前にも記事にした、タイトルロゴの横にアドセンスなどのバナー広告を貼る方法の別バージョンの記録です。\u003cbr /\u003e\n\u003cbr /\u003e\nSEOやPageSpeed Insightsのパフォーマンスなどを考えずに、とにかくヘッダー部分に広告を貼ることだけを考えました。\u003cbr /\u003e\n\u003ch3\u003estyle.cssへの記述\u003c/h3\u003e子テーマのstyle.cssへ以下の記述を追加します。\u003cbr /\u003e\n\u003cpre\u003e/*-----------------------------\nヘッダー分割\n-----------------------------*/\n#container #header #header-in #h-l {\npadding-top: 10px;\npadding-right: 0px;\npadding-bottom: 10px;\npadding-left: 0px;\nfloat: left;\nwidth: 50%;\n}\n\n#container #header #header-in #h-2 {\npadding-top: 10px;\npadding-bottom: 10px;\npadding-right: 0px;\npadding-left: 0px;\ntext-align: left;\nfloat: right;\nwidth: 468px;\n}\n\u003c/pre\u003eまず、画像の回り込みの指定をしたあと、ヘッダーを分割するためにh-lの横幅を50%にして左半分だけを使うようにしました。(ちなみに、ｴｲﾁｰｲﾁではなく、ｴｲﾁｰｴﾙです。)\u003cbr /\u003e\nタイトルに使っている画像やテキストが大きかった場合のどうなるかは試していません。\u003cbr /\u003e\n\u003cbr /\u003e\n次に、h-2でヘッダー右側の位置や横幅を指定します。\u003cbr /\u003e\n\u003cbr /\u003e\nCSS側の設定はこれで終わりなので、「ファイルを更新」をクリックして今度はheader.phpを開きます。\u003cbr /\u003e\n\u003ch3 class\u003d\"main\"\u003eheader.phpへの記述\u003c/h3\u003eまずは、子テーマのheader.phpで、\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;!-- /#header --\u0026gt;\n\u0026lt;div id\u003d\"gazou\"\u0026gt;\n\u003c/pre\u003eを探します。\u003cbr /\u003e\n見つけたら、\u0026lt;!-- /#header --\u0026gt;の前（上）に以下の記述を追加します。\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;div id\u003d\"header-in\"\u0026gt;\n\u0026lt;div id\u003d\"h-2\"\u0026gt;広告のソースコード\n\u0026lt;!-- /#h-2 --\u0026gt;\u0026lt;/div\u0026gt;\n\u0026lt;!-- /#header-in --\u0026gt;\u0026lt;/div\u0026gt;\n\u003c/pre\u003e次に、貼り付けたいソースコードを用意（コピー）します。大きさはヘッダーの横幅の半分よりも小さいものを選びます。今回は468×60の横長のものにしました。\u003cbr /\u003e\n用意ができたら、広告のソースコードと書かれた場所に貼り付け（ペースト）ます。\u003cbr /\u003e\n\u003cbr /\u003e\n「ファイルを更新」をクリックしたら完成です。\u003cbr /\u003e\n\u003cbr /\u003e\nこの作業を応用してタイトルの横に検索ボックスや、SNSボタンなどを設置することが可能です。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"http://www.memorou.com/2015/05/wordpress.html\"\u003eタイトル横に広告が設置できる人気のWordPressテーマ8選\u003c/a\u003e\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d\"moku2\"\u003e\u003c/a\u003e \u003ch2\u003eサイドバーにAdSense広告を貼り付ける方法\u003c/h2\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-yc8AcDXqK54/UoxGZRk6eEI/AAAAAAAAAfQ/5yUdgavQlkI/s1600/%E3%82%B5%E3%82%A4%E3%83%89ad.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"176\" src\u003d\"https://4.bp.blogspot.com/-yc8AcDXqK54/UoxGZRk6eEI/AAAAAAAAAfQ/5yUdgavQlkI/s320/%E3%82%B5%E3%82%A4%E3%83%89ad.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nこの方法は、STINGER3でウィジェットの「Googleアドセンス用」を使用せずに、サイドバーの好きな位置に表示する方法の記録です。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ch3\u003eサイドバーの一番上にAdSense広告を表示する方法\u003c/h3\u003eまずは、子テーマのsidebar.phpの一番上の方から下記の記述を探します。\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;?php get_template_part('ad');?\u0026gt;\n\u0026lt;?php endif; ?\u0026gt;\n\u0026lt;/div\u0026gt;\n\u0026lt;?php get_search_form(); ?\u0026gt;\n\u0026lt;div class\u003d\"kizi02\"\u0026gt;\n\u0026lt;!--最近のエントリ--\u0026gt;\n\u003c/pre\u003e見つけたら、\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;?php get_search_form(); ?\u0026gt;\n\u003c/pre\u003eの前（上）にAdSenseコードを貼り付けます。「ファイルを更新」を押したら完成です。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ch3\u003eサイドバーのその他の場所に表示する方法\u003c/h3\u003eSTINGER3では、デフォルトでサイト内検索と新着記事が表示されるようになっている関係で、「Googleアドセンス用」を使わずに一番上に広告を表示したい場合は、上記のような方法をとりましたが、その他の場所（検索の下を除く）に表示したい場合はウィジェットを使うことにより簡単に表示することができます。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ch3\u003eウィジェットの追加\u003c/h3\u003eまず、外観からウィジェット選択します。ウィジェットの選択画面になるので、「利用できるウィジェット」から「テキスト」を探して、「サイドバー1」の広告を表示させたい場所へドラッグアンドドロップします。\u003cbr /\u003e\n\u003cbr /\u003e\n次に、AdSenseコードをテキストウィジェットに貼り付けて「保存」を押したら完成です。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d\"moku3\"\u003e\u003c/a\u003e \u003ch2\u003e記事の下にAdSense広告を貼り付ける方法\u003c/h2\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-S9OvMXGmnz0/Uow8s_b5cCI/AAAAAAAAAe0/vjXUlfcQ8wM/s1600/%E8%A8%98%E4%BA%8B%E4%B8%8Bad.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"195\" src\u003d\"https://1.bp.blogspot.com/-S9OvMXGmnz0/Uow8s_b5cCI/AAAAAAAAAe0/vjXUlfcQ8wM/s320/%E8%A8%98%E4%BA%8B%E4%B8%8Bad.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n上の画像のように記事の下に左寄せでAdSense広告を表示します。\u003cbr /\u003e\n\u003cbr /\u003e\nCSSへの記述は特にないので、子テーマのsingle.phpへAdSenseコードを直接貼り付けます。\u003cbr /\u003e\nまず、single.phpで下記の記述を探します。\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;/p\u0026gt;\n\u0026lt;/div\u0026gt;\n\u0026lt;?php the_content(); ?\u0026gt;\n\u0026lt;?php wp_link_pages(); ?\u0026gt;\n\u0026lt;/div\u0026gt;\n\u0026lt;div style\u003d\"padding:20px 0px;\"\u0026gt;\n\u0026lt;?php get_template_part('ad');?\u0026gt;\n\u0026lt;/div\u0026gt;\n\u0026lt;?php get_template_part('sns');?\u0026gt;\n\u0026lt;?php endwhile; else: ?\u0026gt;\n\u0026lt;p\u0026gt;記事がありません\u0026lt;/p\u0026gt;\u003c/pre\u003e見つけたら、\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;div style\u003d\"padding:20px 0px;\"\u0026gt;\n\u0026lt;?php get_template_part('ad');?\u0026gt;\n\u0026lt;/div\u0026gt;\n\u003c/pre\u003eの部分を消してAdSenseコード貼るか、その前（上）に貼り付けたら完成です。\u003cbr /\u003e\n「ファイルを更新」を押すのを忘れずに。\u003cbr /\u003e\n\u003cbr /\u003e\nここは、STINGER3でウィジェットの「Googleアドセンス用」を使用した場合にデフォルトで広告が表示される場所です。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d\"moku4\"\u003e\u003c/a\u003e  \u003ch2\u003e関連記事の下にAdSense広告を貼る方法\u003c/h2\u003e関連記事とコメントの間に表示させる方法です。\u003cbr /\u003e\nこちらも同じく、子テーマのsingle.phpへAdSenseコードを直接貼り付けます。\u003cbr /\u003e\nまず、single.phpで下記の記述を探します。\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;!--/kizi--\u0026gt; \n\u0026lt;!--/関連記事--\u0026gt;\n\u0026lt;div style\u003d\"padding:20px 0px;\"\u0026gt;\n\u0026lt;?php get_template_part('ad');?\u0026gt;\n\u0026lt;/div\u0026gt;\n\u0026lt;?php comments_template(); ?\u0026gt;\n\u0026lt;!--ページナビ--\u0026gt;\n\u003c/pre\u003e見つけたら、\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;div style\u003d\"padding:20px 0px;\"\u0026gt;\n\u0026lt;?php get_template_part('ad');?\u0026gt;\n\u0026lt;/div\u0026gt;\n\u003c/pre\u003eの部分を消してAdSenseコード貼るか、その前（上）に貼り付けたら完成です。\u003cbr /\u003e\n「ファイルを更新」を押すのを忘れずに。\u003cbr /\u003e\n\u003cbr /\u003e\nここも、STINGER3でウィジェットの「Googleアドセンス用」を使用した場合にデフォルトで広告が表示される場所です。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d\"moku5\"\u003e\u003c/a\u003e  \u003ch2\u003e固定ページにAdSense広告を貼り付ける方法\u003c/h2\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-S9OvMXGmnz0/Uow8s_b5cCI/AAAAAAAAAe4/PxxR1lV5EuQ/s1600/%25E8%25A8%2598%25E4%25BA%258B%25E4%25B8%258Bad.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"195\" src\u003d\"https://4.bp.blogspot.com/-S9OvMXGmnz0/Uow8s_b5cCI/AAAAAAAAAe4/PxxR1lV5EuQ/s320/%25E8%25A8%2598%25E4%25BA%258B%25E4%25B8%258Bad.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n上の画像のように固定ページの記事下にAdSense広告を表示する方法を記録します。\u003cbr /\u003e\n\u003cbr /\u003e\nまず、page.phpで下記の記述を探します。\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;/h1\u0026gt;\n\u0026lt;?php the_content(); ?\u0026gt;\n\u0026lt;?php wp_link_pages(); ?\u0026gt;\n\u0026lt;/div\u0026gt;\n\u0026lt;div style\u003d\"padding:20px 0px;\"\u0026gt;\n\u0026lt;?php get_template_part('ad');?\u0026gt;\n\u0026lt;/div\u0026gt;\n\u003c/pre\u003e見つけたら、\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;div style\u003d\"padding:20px 0px;\"\u0026gt;\n\u0026lt;?php get_template_part('ad');?\u0026gt;\n\u0026lt;/div\u0026gt;\n\u003c/pre\u003eの部分を消してAdSenseコード貼るか、その前（上）に貼り付けたら完成です。\u003cbr /\u003e\n「ファイルを更新」を押すのを忘れずに。\u003cbr /\u003e\n\u003cbr /\u003e\nSTINGER3でウィジェットの「Googleアドセンス用」を使用した場合にデフォルトで広告が表示される場所です。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d\"moku6\"\u003e\u003c/a\u003e  \u003ch2 class\u003d\"main\"\u003eメニューバーの下にAdSenseを貼る方法\u003c/h2\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-6CoDHJY9daY/UoxDxWukJVI/AAAAAAAAAfE/a1wczSM0I7Q/s1600/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E4%B8%8B.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"116\" src\u003d\"https://4.bp.blogspot.com/-6CoDHJY9daY/UoxDxWukJVI/AAAAAAAAAfE/a1wczSM0I7Q/s320/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E4%B8%8B.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n上の画像のようにメニューバーの下にセンターリングをしてAdSense広告を表示します。\u003cbr /\u003e\n\u003cbr /\u003e\nまずは、子テーマのstyle.cssに下記を追加します。\u003cbr /\u003e\n\u003cpre\u003e.centerad{\ntext-align: center;\npadding-top: 10px;\npadding-right: 0px;\npadding-bottom: 0px;\npadding-left: 0px;\nmargin-left : auto ;/*-----IE用-----*/\nmargin-right : auto ;/*-----IE用-----*/\n}\n\u003c/pre\u003e追加したら「ファイルを更新」をクリックしてcssの変更は完了です。\u003cbr /\u003e\n真ん中に表示したくない場合は、text-alignの行とIE用の2行の、合わせて3行を消してください。\u003cbr /\u003e\n\u003cbr /\u003e\n次に子テーマのheader.phpの一番下にある下記の記述を探します。\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;!--/pcnavi--\u0026gt;\n\u0026lt;?php\n}\n?\u0026gt;\n\u0026lt;div id\u003d\"wrap\"\u0026gt;\n\u0026lt;div id\u003d\"wrap-in\"\u0026gt;\n\u0026lt;div id\u003d\"main\"\u0026gt;\n\u003c/pre\u003e見つけたら、pcnaviの下の行（phpの上の行）に下記の記述を追加します。\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;div class\u003d\"centerad\"\u0026gt;\nここにアドセンスコードを貼り付ける\n\u0026lt;/div\u0026gt;\n\u003c/pre\u003e次に、貼り付けたいソースコードを用意（コピー）します。サイトのレイアウトにもよりますが、ビッグバナーなどの横長の広告がいいでしょう。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/3889869096010717021"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/3889869096010717021"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2013/11/wordpress_21.html","title":"WordPressのヘッダーや記事下など好きな位置にアドセンスを設置する方法"}],"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":"https://4.bp.blogspot.com/-A6NFxZaax6U/Uo247B0Y_HI/AAAAAAAAAlo/Bph_57_Bevk/s72-c/%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E6%A8%AA_2.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-5332739148646532893"},"published":{"$t":"2013-10-24T11:04:00.001+09:00"},"updated":{"$t":"2017-02-25T21:11:43.413+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"AdSense"}],"title":{"type":"text","$t":"Google AdSense 非ホスト型サイトに広告を掲載する時のサイトの状況"},"content":{"type":"html","$t":"前回、BloggerでGoogle AdSenseの審査を通過すると、Blogger以外のサイトにAdSense広告を設置するときに、さらに審査が必要になるという記事を書いた。\u003cbr /\u003e\n\u003cbr /\u003e\n今回はタイトルにあるとおり、非ホスト型サイトに広告を掲載する時の、審査を通過したときの記事の数や、設置していたウィジェットなどを参考までに記事にしようと思う。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\nちなみに、この非ホスト型サイトに広告を掲載する申し込みに通過すると、自分が持っているすべてのサイトに広告が掲載出来るようになります。\u003cbr /\u003e\n\u003ch2\u003e審査を申請したときの状況\u003c/h2\u003e申請したサイトは、WordPressで作成し、ドメインは、独自ドメインを取得しました。\u003cbr /\u003e\nサーバーは、以前記事で紹介した無料レンタルサーバーを使用しました。\u003cbr /\u003e\n\u003cbr /\u003e\nこの審査には落ちても、現在使用しているBlogger側には支障がないということだったので、気楽に申請したのですが、今回は一発通過でした。\u003cbr /\u003e\n\u003ch3\u003e審査通過時の記事数など\u003c/h3\u003eまずサイトのつくりが、メニューバーにトップページ、カテゴリー、サイトの説明、サイトマップという状態で、サイドバーに新着記事、検索、アーカイブ、タグ、プロフィールを設置していました。\u003cbr /\u003e\n\u003cbr /\u003e\nトップページには新着記事が順番に表示されるようになっていて、ちょうどこのブログと同じようなつくりです。\u003cbr /\u003e\n固定ページの数が2つで、サイトの説明とサイトマップです。\u003cbr /\u003e\n\u003cbr /\u003e\n記事の投稿数は、たったの4つで、文字数はそれぞれ1000文字を少し超えるくらいです。\u003cbr /\u003e\n画像は各記事1,2枚で、外部リンクが1つでした。\u003cbr /\u003e\n\u003cbr /\u003e\nサイト開設1週間くらいで試しに申請したのですが、無事通過することが出来ました。\u003cbr /\u003e\nしかも、申請を出して1日でメールが届きました。\u003cbr /\u003e\n\u003ch3\u003e感じたこと\u003c/h3\u003eここからは想像になるのですが、これは審査ではなく、このサイトに広告を掲載しますよ～という報告であった。\u003cbr /\u003e\nもしくは、Bloggerで2次審査に通過すると次の審査から少しゆるくなるのではないのかと感じました。\u003cbr /\u003e\n\u003cbr /\u003e\n理由としては、通常のブログなどでAdSenseの審査に通過すると、最初からどのサイトでも使用できるようになることに加えて、今回通過したときの記事の数が少なかったということと、作成間もないサイトであったということからです。\u003cbr /\u003e\n\u003cbr /\u003e\nということで、前回の記事の最後の方に書いた「申請するなら他のサイトで～」というのは考え直す必要がありそうです。申請が2回必要という部分は変わらないです。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/5332739148646532893"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/5332739148646532893"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2013/10/google-adsense_24.html","title":"Google AdSense 非ホスト型サイトに広告を掲載する時のサイトの状況"}],"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"}}]},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-7304236474085845000"},"published":{"$t":"2013-10-16T23:01:00.000+09:00"},"updated":{"$t":"2017-02-25T21:35:17.215+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"STINGER"},{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPress"},{"scheme":"http://www.blogger.com/atom/ns#","term":"テーマ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPressカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"AdSense"},{"scheme":"http://www.blogger.com/atom/ns#","term":"ファビコン"}],"title":{"type":"text","$t":"WordPressテーマをSTINGER3に変更してカスタムしてみた"},"content":{"type":"html","$t":"新たにサイトを作成して、はじめての記事を書く前にStinger3にテーマを変更したので、変更前と変更後のアクセス数の差などはわからないが、サイト作成前から次に使うテーマはStingerにしようと決めていたので早速変更してみました。\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://2.bp.blogspot.com/-6yeF7a8M0ck/Ut36BOArzDI/AAAAAAAABYU/4LmY6FZ9Sf0/s1600/stinger3.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://2.bp.blogspot.com/-6yeF7a8M0ck/Ut36BOArzDI/AAAAAAAABYU/4LmY6FZ9Sf0/s1600/stinger3.png\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nダウンロードはこちらからできます。\u003cbr /\u003e\n\u003ca href\u003d\"http://stinger3.com/\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eSTINGER3公式サイト\u003c/a\u003e\u003cbr /\u003e\n\u003ch2\u003eカスタム内容\u003c/h2\u003e今のところカスタムしたのはタイトルロゴ、メニューバー、続きを読むの背景、検索ボックスの色と枠、ファビコンです。\u003cbr /\u003e\n\u003ch3\u003eタイトルをテキストから画像に変更\u003c/h3\u003eここで説明しようと思ったのだが、自分でやった方法と違うやり方が公式サイトに詳しく書かれていたので、今回は省略します。\u003cbr /\u003e\n\u003ch3\u003eメニューバーをデコレーション\u003c/h3\u003eタイトルロゴの下のメニューバーを少し大きくして、マウスオーバーでアンダーライン？が出るようにしました。\u003cbr /\u003e\nstyle.css内のナビゲーションを探して変更しました。\u003cbr /\u003e\n\u003cbr /\u003e\nCSSへの記述は以下の通りです。 \u003cbr /\u003e\n\u003cpre\u003e/*---------------------\nナビゲーション\n-----------------------*/\n#navi-in li {\nposition: relative;\nfloat: left;\nfont-size: 18px;\ndisplay: block;\nborder-left-width: 1px;\nborder-left-style: groove;\nborder-left-color: #f3f3f3;\nmargin:-25px 0px 0px 0px;\ntext-align: center;\n}\n\n#navi-in li li {\nfloat: left;\nfont-size: 18px;\ndisplay: block;\nborder: none;\nmargin:-25px 0px 0px 0px;\nwidth: 150px;\nheight: 30px;\n}\n\n#navi-in li a {\nfloat: left;\ncolor: #333;\ntext-decoration: none;\ndisplay: block;\nwidth: 150px;\nheight: 30px;\n}\n\n.menu-navigation-container {\noverflow: hidden;\n}\n\n#navi-in li a:hover {\nborder-bottom: 3px solid #ff0000;\ntext-decoration: none;\ndisplay: block;\nmargin: 0px 0px -3px 0px;\n\u003c/pre\u003eまず、フォントサイズを13pxから18pxに変更して、区切りの線をくぼんだ線にして色を変更、横幅と高さを固定、マウスオーバーで3pxの赤いラインが出るようにした。このときに、marginで同じ分だけマイナスにすることにより表示がおかしくならないようにする。\u003cbr /\u003e\n\u003ch3\u003e続きを読むの枠を角丸に\u003c/h3\u003e元が背景色だけ指定されてたので、枠線を加えて角を丸くしました。\u003cbr /\u003e\nstyle.cssのmoreとmottoの部分に下記のcssを追加した。 \u003cbr /\u003e\n\u003cpre\u003ebackground:#f3f3f3; /*背景色 */\nborder-radius: 6px; /*角の丸み */\nborder: 1px solid #ccc; /*枠の太さと色 */\n\u003c/pre\u003eこれが記事本文の「続きを読む」（more）の記述で下がサイドバーの「もっと読む」の記述。\u003cbr /\u003e\n\u003cpre\u003eborder-radius: 6px; /*角の丸み */\nborder: 1px solid #ccc; /*枠の太さと色 */\n\u003c/pre\u003eそれぞれ枠線を追加して、角に丸みをもたせました。\u003cbr /\u003e\n\u003ch3\u003e検索ボックスの色の変更\u003c/h3\u003e検索ボックスの背景を白に変更して、枠線を追加しました。\u003cbr /\u003e\n検索フォームを探して、#sと#searchsubmitの部分に追加したのは以下の通り。 \u003cbr /\u003e\n\u003cpre\u003eborder: 1px solid #ccc; /*枠の太さと色 */\n\u003c/pre\u003eさらに、background-colorを#FFFに変更しました。\u003cbr /\u003e\n\u003cbr /\u003e\n今回のカスタムは、子テーマを作って変更しました。\u003cbr /\u003e\n他にもちょっとしたところを変更していますが、長くなってしまったので今回は省力します。\u003cbr /\u003e\n\u003ch2\u003eWordPressでファビコンを変更する方法\u003c/h2\u003eファビコンてなに？という方は、下の画像で確認してください。通常ですとブラウザ画面上の3箇所に表示されます。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/--V-4WAYOA5o/UowXzVrrY0I/AAAAAAAAAbw/qHmOiUZ28Vo/s1600/favicon.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"112\" src\u003d\"http://3.bp.blogspot.com/--V-4WAYOA5o/UowXzVrrY0I/AAAAAAAAAbw/qHmOiUZ28Vo/s320/favicon.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n\u003cbr /\u003e\nURLの隣や、お気に入りの中のブックマークアイコン、ブラウザのタブに表示されます。\u003cbr /\u003e\nまずは、ファビコン用の素材を作るためにペイントツールを起動します。\u003cbr /\u003e\n\u003ch3\u003eファビコン用素材の作り方 win編\u003c/h3\u003eペイントツールを使ったことのない方は、スタートの検索から「ペイント」を入力すると出てきます。\u003cbr /\u003e\nファビコンにするサイズは16px、32px、48pxなので最初に大きいサイズを作っておきます。最初に作る画像が大きすぎると、縮小したときにぐちゃっとつぶれた感じになるので、程ほどの大きさで作るといい感じになります。\u003cbr /\u003e\n画像が出来たらそれぞれのサイズに縮小します。このときの拡張子をpngかgifかjpgのどれかで保存しておきます。\u003cbr /\u003e\n今度はこの出来た画像を、ファビコンの拡張子（.ico）に変更する必要があります。\u003cbr /\u003e\n画像をアップロードすると自動で変更してくれるサイトがあるのでそちらを使わせてもらいます。\u003cbr /\u003e\n\u003cbr /\u003e\nファビコン.icoを作ろう！（\u003ca href\u003d\"http://ao-system.net/favicon/\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003ehttp://ao-system.net/favicon/\u003c/a\u003e）\u003cbr /\u003e\n\u003cbr /\u003e\n「ファイルを選択」して「favicon.ico作成」をクリックしたらダウンロードして完了です。\u003cbr /\u003e\nこの出来たファビコンをWordPressにアップロードします。\u003cbr /\u003e\n\u003ch3\u003eSTINGER3でファビコンを簡単に変更する方法\u003c/h3\u003e念のためバックアップはとっておいてください。\u003cbr /\u003e\nSTINGER3の場合3分もかからずに変更できます。まずは、上で保存したファビコンの名前をrogoに変更しておきます。次に、FTPでthemesフォルダにあるstinger3ver***フォルダ内のimagesフォルダへrogoを上書き保存したら完了です。（***には自分で使ってるバージョンの数字を入力してください。）\u003cbr /\u003e\nこれで、3箇所同時に変更されます。\u003cbr /\u003e\n\u003cbr /\u003e\nファビコンはタブをたくさん開いているときや、ブックマークにたくさん入れているときに、パッと見で自分のサイトとわかってもらえるので、出来るだけ設置したほうが良いでしょう。\u003cbr /\u003e\n\u003ch2\u003eSTINGER3でGoogleAdsenseを使うときに気になったこと\u003c/h2\u003e\u003ch3\u003e追従するSNSボタンがAdSense広告にかぶる\u003c/h3\u003eまずSTINGER3を使っている方の大半は、ウィジェットの「Googleアドセンス用」に、広告のコードを貼り付けてますよね。\u003cbr /\u003e\nそして、追従するSNSボタンをそのまま表示しているとおもうのですが、ここで下の画像を見てもらいたい。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-wMZc4daeNWY/UowswhsmJKI/AAAAAAAAAdc/vgDhrIM1o4E/s1600/SNS.jpg\" imageanchor\u003d\"1\"\u003e\u003cimg border\u003d\"0\" height\u003d\"230\" src\u003d\"http://3.bp.blogspot.com/-wMZc4daeNWY/UowswhsmJKI/AAAAAAAAAdc/vgDhrIM1o4E/s1600/SNS.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n青い部分をレクタングル（大）と同じサイズで作ったのですが、記事を読んで下にスクロールしていくと、追従するSNSボタンが広告におもいっきりかぶってるけど大丈夫なのでしょうか？\u003cbr /\u003e\n\u003cbr /\u003e\nAdSenseプログラムポリシーの広告のプレースメントという部分を読んでみるとこう書かれていた。\u003cbr /\u003e\n\u003cblockquote\u003eGoogle 広告、検索ボックス、検索結果については、次の行為が禁止されています。\u003cbr /\u003e\nページ内のさまざまな要素によって隠すなど、わかりにくくすること。\u003cbr /\u003e\n\u003ca href\u003d\"https://support.google.com/adsense/answer/48182?hl\u003dja\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eAdSense プログラム ポリシー\u003c/a\u003e\u003c/blockquote\u003e\u003cbr /\u003e\n詳しくは自分で確認してもらいたいが、ドロップダウン式のメニューバーでAdSense広告が隠れるとアウトという記事をどこかで目にしたので、これも同じ理由でダメなのではないかと思っているのですが、どうなんですかね。\u003cbr /\u003e\nこれで間違って広告をクリックする人はいないとは思ったのですが、心配だったので追従するSNSボタンは削除することにしました。\u003cbr /\u003e\n\u003cbr /\u003e\n追従するSNSボタンの削除方法は\u003ca href\u003d\"http://stinger3.com/post-533/\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eSTINGER3公式サイト\u003c/a\u003eを参考してください。\u003cbr /\u003e\n\u003cbr /\u003e\nまた、広告の位置を変更した際の「PAGE TOP」もかぶる可能性があります。\u003cbr /\u003e\n\u003ch3\u003eページトップボタンがAdSense広告にかぶる\u003c/h3\u003eこれは、ウィジェットの「Googleアドセンス用」に設置するのではなく、「サイドバー1」に設置した場合の話です。\u003cbr /\u003e\nSTINGER3は検索ボックスや新着記事といった必要な機能がデフォルトでついています。これにより、「サイドバー1」にAdSenseを設置すると自動的にサイドバーの下の方に追いやられてしまいす。\u003cbr /\u003e\nそうすると、画面をスクロールしていくと画面右下に出る「PAGE TOP」ボタンが広告にかぶってしまいます。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-1XUCqNSN8OI/Uows2VtkgyI/AAAAAAAAAdk/ET_JrHVzXUY/s1600/%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%88%E3%83%83%E3%83%97ad.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"268\" src\u003d\"http://3.bp.blogspot.com/-1XUCqNSN8OI/Uows2VtkgyI/AAAAAAAAAdk/ET_JrHVzXUY/s320/%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%88%E3%83%83%E3%83%97ad.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n広告に対して「PAGE TOP」ボタンは小さいですが、どれくらい隠れるとダメですよという記述が見つけられなかったので、自分で判断するのは危険だと思いこちらも削除することにしました。\u003cbr /\u003e\n\u003cbr /\u003e\n通常通り「Googleアドセンス用」に設置していれば何の問題もありません。\u003cbr /\u003e\n\u003ch3\u003eページトップボタンを削除する方法\u003c/h3\u003e非常に簡単です。\u003cbr /\u003e\n\u003cbr /\u003e\nfooter.phpの\u003cbr /\u003e\n\u003cpre\u003e\u0026lt;!-- ページトップへ戻る --\u0026gt;\n\u0026lt;div id\u003d\"page-top\"\u0026gt;\u0026lt;a href\u003d\"#wrapper\"\u0026gt;PAGE TOP ↑\u0026lt;/a\u0026gt;\u0026lt;/div\u0026gt;\n\u0026lt;!-- ページトップへ戻る　終わり --\u0026gt;\n\u003c/pre\u003eの部分を削除するだけです。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/7304236474085845000"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/7304236474085845000"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2013/10/wordpressstinger.html","title":"WordPressテーマをSTINGER3に変更してカスタムしてみた"}],"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/-6yeF7a8M0ck/Ut36BOArzDI/AAAAAAAABYU/4LmY6FZ9Sf0/s72-c/stinger3.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-1813321557108603567"},"published":{"$t":"2013-10-15T11:09:00.001+09:00"},"updated":{"$t":"2017-02-25T21:37:50.197+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"AdSense"}],"title":{"type":"text","$t":"Google AdSense2次審査通過のためにやったこと"},"content":{"type":"html","$t":"晴れて２次審査を通過することができたので、これまでにやったことや、落選時の反省点などをまとめてみようと思います。\u003cbr /\u003e\nまた、Bloggerで審査が通過したときに、ちょっとした落とし穴があったので記録しておきます。\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://1.bp.blogspot.com/-mW5b5B4AEQg/VMmONzYcAaI/AAAAAAAACnM/xvLr9LpK8Ns/s1600/01.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://1.bp.blogspot.com/-mW5b5B4AEQg/VMmONzYcAaI/AAAAAAAACnM/xvLr9LpK8Ns/s1600/01.png\" height\u003d\"173\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003ch2\u003eこれまでの流れ\u003c/h2\u003e\u003ch3\u003e2013年\u003c/h3\u003e2月23日：初投稿\u003cbr /\u003e\n\u003cbr /\u003e\n2月24日：Google AdSenseプログラムの基準を満たしていないことが確認されました。\u003cbr /\u003e\n\u003cbr /\u003e\n3月6日：投稿数を7個にし、Google＋をスタート\u003cbr /\u003e\nGoogle AdSenseプログラムの基準を満たしていないことが確認されました。\u003cbr /\u003e\n\u003cbr /\u003e\n4月5日：さらに5記事を追加し、投稿数合計12\u003cbr /\u003e\nGoogle AdSense お客様のお申し込みの審査が一部終了いたしました。\u003cbr /\u003e\n\u003cbr /\u003e\n※一度審査を落ちたサイトで申し込みをしても1次審査を通過できた。この時点でのＰＶは約400\u003cbr /\u003e\n\u003cbr /\u003e\n4月12日：ツイッターと連携\u003cbr /\u003e\nGoogle AdSense からメールなし\u003cbr /\u003e\n\u003cbr /\u003e\n4月18日：さらに3記事を追加し投稿数合計15\u003cbr /\u003e\nGoogle AdSenseプログラムの基準を満たしていないことが確認されました。\u003cbr /\u003e\n振り出しに戻る\u003cbr /\u003e\n\u003cbr /\u003e\n4月30日：以下メールの内容\u003cbr /\u003e\n\u003cblockquote\u003e前回のメールでお伝えしましたように、AdSense コードがお客様のサイトに配置されましたので、引き続きお申し込みの審査を行いました。その結果、お客様のアカウントで次の違反が確認されましたので、アカウントは不承認となりました。\u003cbr /\u003e\n\u003cbr /\u003e\n問題: - 不十分なコンテンツ\u003c/blockquote\u003eという内容のメールが届いた。\u003cbr /\u003e\n何が具体的に悪いかというと、以下メールの続き。\u003cbr /\u003e\n\u003cblockquote\u003e詳細:\u003cbr /\u003e\n\u003cbr /\u003e\n不十分なコンテンツ: AdSense の承認を得てサイトに関連性の高い広告を掲載していただくには、AdSense の担当者による審査とクローラによる解析でページの内容を判断できるだけのテキストがページに含まれている必要があります。\u003c/blockquote\u003eまずメールに記載されている通り、テキストが十分含まれている必要がある。\u003cbr /\u003e\nこれは「Google AdSenseの審査を通過する方法」といったサイトにもよく書いてあります。\u003cbr /\u003e\n一記事に最低でも500文字以上で書くようにした方がいいといわれています。\u003cbr /\u003e\n\u003cbr /\u003e\nまた、画像やフラッシュをあまり使わない方がいいというのもよく書いてあるが、メールにはこう書かれていました。\u003cbr /\u003e\n以下メールの内容詳細の続き。\u003cbr /\u003e\n\u003cblockquote\u003eこの問題を解決するには、次のヒントをお試しください。\u003cbr /\u003e\n- ページで十分なテキストを使用してください。画像や動画、Flash アニメーションがほとんどを占めるウェブサイトは承認されません。\u003c/blockquote\u003eこのメール内容だけでは、どの程度画像や動画が含まれていると承認されるのかはわからないが、ページの内容が判断できるだけのテキストが含まれていれば、画像や動画の数が多くても通過するのか？気になるところである。\u003cbr /\u003e\n\u003cbr /\u003e\nとりあえず結果として、Google AdSenseの審査に通過するためには\u003cbr /\u003e\n・プログラムポリシーに違反していないこと。\u003cbr /\u003e\n・ページの内容を判断できるだけのテキストがページに含まれていること。\u003cbr /\u003e\n・意味のある文章や段落が含まれていること\u003cbr /\u003e\nこの３つが満たされていれば通過するはず。\u003cbr /\u003e\n落選しても必要な修正を加えれば、また再確認してもらえる。\u003cbr /\u003e\n\u003ch2\u003eGoogle AdSense２次審査通過のためにやったこと\u003c/h2\u003e一言で言うと、落選時に届いたメールに書かれていた「ヒント」を元に修正しただけです。\u003cbr /\u003e\n\u003ch3\u003e不十分なコンテンツ\u003c/h3\u003e今までに書いた記事を見直して、画像が多く文章が少なかったものを修正しました。\u003cbr /\u003e\n\u003cbr /\u003e\n具体的には、画像で説明していた部分を文章に書き換えて、画像が無くても理解できるような記事に修正しました。元は一記事に５枚くらい画像を使っていたものを、多くても２枚にしてその分文章で説明するようにしました。\u003cbr /\u003e\n\u003cbr /\u003e\nそれでも文字数が足りなそうなものは、同じジャンルやカテゴリのものと記事をあわせて文字数を増やすことにしました。\u003cbr /\u003e\n\u003cbr /\u003e\nこれにより投稿数は減ったが、一記事あたりの内容は濃くなりました。元々投稿数が多くなく、さらに減ることになりどうなのかと思ったが、今回の結果となりました。\u003cbr /\u003e\n\u003cbr /\u003e\n検索掲載順位も気になるところではあったが、変更後以下のようになりました。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-TVpJbhXY-Dw/UlyZjfnLODI/AAAAAAAAAU4/w4EBhspSgIs/s1600/10%E3%83%BB%EF%BC%91%EF%BC%92_1.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://3.bp.blogspot.com/-TVpJbhXY-Dw/UlyZjfnLODI/AAAAAAAAAU4/w4EBhspSgIs/s320/10%E3%83%BB%EF%BC%91%EF%BC%92_1.png\" height\u003d\"320\" width\u003d\"109\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003ch3\u003e意味のある文章や段落\u003c/h3\u003e今までは、すべての文章を標準で書いていたのを、見出しと小見出しを使って書くようにしました。\u003cbr /\u003e\n\u003cbr /\u003e\nこれは、「意味のある文章や段落が含まれている必要がある」と書かれていたので試してみたが、実際のところ見出しや小見出しが必要なのかまではわかりません。\u003cbr /\u003e\n\u003cbr /\u003e\n落選したときの記事は、画像が５枚に文章が５行というようなものもあったので、普通の文章で書かれていれば見出しは無くても大丈夫な気がします。\u003cbr /\u003e\n\u003ch2\u003eBloggerで審査が通過したときの落とし穴？\u003c/h2\u003eこれは自分が確認していなかったせいなのだが、Bloggerで審査が通過すると次のようなメールが送られてきます。\u003cbr /\u003e\n\u003cbr /\u003e\n以下メール内容の抜粋\u003cbr /\u003e\n\u003cblockquote\u003eこれで、\u003cbr /\u003e\nGoogle AdSense へのお申し込みが承認されました。まもなく関連性の高い Google 広告が（ URL） に掲載されるようになります。\u003cbr /\u003e\n注意事項:\u003cbr /\u003e\nお客様の AdSense アカウントでは、AdSense のホスト パートナー サイトで作成したコンテンツのみ収益化できます。\u003cbr /\u003e\n新しい Google 広告の掲載結果を確認するなど、AdSense のさまざまな機能をご利用になるには、次の URL から AdSense アカウントにログインしてください。\u003c/blockquote\u003eこのメールが来たとき、これでついにブロガーの仲間入りだ！と思ったのだが、１つ気になる文章が…\u003cbr /\u003e\n\u003cbr /\u003e\nここで注目してもらいたいのは注意事項で、「お客様の AdSense アカウントでは、AdSense のホスト パートナー サイトで作成したコンテンツのみ収益化できます。」という部分です。\u003cbr /\u003e\n\u003cbr /\u003e\nこれ、パッと見は何を言ってるのか理解できなかったが、今回通過したAdSenseアカウントでは、BloggerだけAdSenseを使用できます。ということらしいです。\u003cbr /\u003e\n\u003cbr /\u003e\n他にサイトがあって、そこにAdSenseを使用したい場合は、さらに審査が必要です。\u003cbr /\u003e\n\u003cstrike\u003e二度手間になるのが嫌で、他にもブログなどをお持ちの方はそちらで審査をお願いしたほうが良いと個人的には思いました。\u003c/strike\u003e\u003cbr /\u003e\n\u003ch2\u003e追記\u003c/h2\u003e他のサイトを作成したときに、審査をお願いしたら簡単に通過することができましました。2つ目のサイトの審査を通過すると、次からは特に審査は必要ないようです。よってBloggerで審査を受けても問題ないという結論になりました。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"http://www.memorou.com/2013/12/blogger_17.html\"\u003eBloggerを始める前の準備と予備知識\u003c/a\u003e"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/1813321557108603567"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/1813321557108603567"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2013/10/google-adsense.html","title":"Google AdSense2次審査通過のためにやったこと"}],"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://1.bp.blogspot.com/-mW5b5B4AEQg/VMmONzYcAaI/AAAAAAAACnM/xvLr9LpK8Ns/s72-c/01.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-1975545265298435785"},"published":{"$t":"2013-04-05T15:10:00.001+09:00"},"updated":{"$t":"2017-02-25T23:31:06.796+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPress"},{"scheme":"http://www.blogger.com/atom/ns#","term":"バナー広告"},{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPressカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"AdSense"}],"title":{"type":"text","$t":"ワードプレス　サイドバーにバナー広告を貼る方法"},"content":{"type":"html","$t":"昔からどのサイトでもよく見かける、サイドバーの上部にバナー広告を表示する方法です。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\n\u003ch2\u003eワードプレスのサイドバーにバナー広告を貼る方法\u003c/h2\u003e先に完成時のイメージ画像を載せておきます。\u003cbr /\u003e\n\u003cbr /\u003e\n下の画像のように、サイドバーの一番上、メニューバーの下に設置します。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-_h5Ft9bngAE/UV5qavyp6tI/AAAAAAAAAJA/CgfLZFGK0BI/s1600/%E3%82%B5%E3%82%A4%E3%83%89%E5%BA%83%E5%91%8A.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://3.bp.blogspot.com/-_h5Ft9bngAE/UV5qavyp6tI/AAAAAAAAAJA/CgfLZFGK0BI/s320/%E3%82%B5%E3%82%A4%E3%83%89%E5%BA%83%E5%91%8A.jpg\" height\u003d\"166\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n慣れれば一分程度の時間で設置できるようになります。\u003cbr /\u003e\n\u003cbr /\u003e\nまず、ダッシュボードの外観からウィジェットを選択する。\u003cbr /\u003e\n利用できるウィジェットの中からテキストウィジェットを右のsidebar内の好きな位置へ移動する。好きな位置というのは、自分の表示ささせたい場所のことで、完成イメージの場合は一番上にしてある。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-St4B55pc-YU/UV5npeovXoI/AAAAAAAAAIo/II5f6sBRev0/s1600/%E3%82%B5%E3%82%A4%E3%83%89%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E7%A7%BB%E5%8B%95.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://1.bp.blogspot.com/-St4B55pc-YU/UV5npeovXoI/AAAAAAAAAIo/II5f6sBRev0/s320/%E3%82%B5%E3%82%A4%E3%83%89%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E7%A7%BB%E5%8B%95.jpg\" height\u003d\"111\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n次に、移動したテキストウィジェットの右にある「▼」をクリックして、ボックス内に広告ソースコードを貼り付けて「保存」をクリックする。\u003cbr /\u003e\n\u003cbr /\u003e\nこのときに、タイトルは入力してもしなくても設置できる。\u003cbr /\u003e\n\u003cbr /\u003e\n改めて記事を書き直しました。\u003ca href\u003d\"http://www.memorou.com/2013/11/wordpress_21.html\"\u003eWordPressのヘッダーや記事下など好きな位置にアドセンスを設置する方法\u003c/a\u003e\u003cbr /\u003e\n\u003cbr /\u003e\nタイトルの横にバナー広告を貼りたい場合\u003ca href\u003d\"http://www.memorou.com/2013/03/blog-post.html\"\u003eここ\u003c/a\u003eでも説明しています。\u003cbr /\u003e\n\u003ch2\u003eBloggerのサイドバーにバナー広告を貼る方法\u003c/h2\u003e完成時のイメージはワードプレスのときと一緒なので一枚目の画像を参照。\u003cbr /\u003e\n\u003cbr /\u003e\nまず、マイブログのレイアウトからガジェットを追加をクリックする。\u003cbr /\u003e\nその中のHTML/JavaScriptをテキストか、＋ボタンをクリックする。\u003cbr /\u003e\nHTML/JavaScriptの設定が開くので、そこにタイトルとコンテンツを入力する。\u003cbr /\u003e\n\u003cbr /\u003e\n今回はバナーを入れるので、コンテンツ部分にソースコードを貼り付けるのだが、「リッチテキスト形式」と、「HTMLの編集」の2種類あるので、入力してから画像がちゃんと表示されるかどうか、クリックして確認して「保存」を押す。\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/1975545265298435785"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/1975545265298435785"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2013/04/blog-post_5.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/-_h5Ft9bngAE/UV5qavyp6tI/AAAAAAAAAJA/CgfLZFGK0BI/s72-c/%E3%82%B5%E3%82%A4%E3%83%89%E5%BA%83%E5%91%8A.jpg","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-8997738933613874377"},"published":{"$t":"2013-03-01T12:50:00.000+09:00"},"updated":{"$t":"2017-02-25T23:53:44.940+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPress"},{"scheme":"http://www.blogger.com/atom/ns#","term":"バナー広告"},{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPressカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"AdSense"}],"title":{"type":"text","$t":"ワードプレス　タイトルの横にバナー広告を貼る方法"},"content":{"type":"html","$t":"どうせ貼るならバナー広告は目立つところにスッキリと貼りたい。\u003cbr /\u003e\nと、いうことで今回はサイトタイトルの横にバナー広告を貼る方法をメモする。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\nTwenty Twelveなどはカスタム性能に優れていて、カスタムの方法などを紹介しているサイトも多くあるが、HTMLが理解できていないとカスタムしていくのが難しく初心者向きではない感じがした。\u003cbr /\u003e\n\u003ch2\u003eタイトル横にバナー広告を貼る方法\u003c/h2\u003e先に完成時のイメージ画像を載せておく。\u003cbr /\u003e\n下の画像のように、タイトルの真横辺りに設置するイメージである。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-KJ5qBLgRMOw/UTAj_YGr1fI/AAAAAAAAACs/wZF-RpcSmFU/s1600/%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E6%A8%AA.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"99\" src\u003d\"http://3.bp.blogspot.com/-KJ5qBLgRMOw/UTAj_YGr1fI/AAAAAAAAACs/wZF-RpcSmFU/s320/%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E6%A8%AA.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n今回使用したテーマは「Leaf バージョン 1.0.4」\u003cbr /\u003e\nテーマの変更やインストールの方法は、\u003ca href\u003d\"http://www.memorou.com/2013/02/blog-post_27.html\"\u003eワードプレス　子テーマの作り方　プラグイン\u003c/a\u003eで説明している。\u003cbr /\u003e\n\u003cbr /\u003e\nLeafの場合は3分もあれば簡単に設置できる。\u003cbr /\u003e\nまずは、ダッシュボードの外観からウィジェットを選択する。\u003cbr /\u003e\n\u003cbr /\u003e\n右にあるHeader Widgetの中に、利用できるウィジェットからテキストウィジェットを選択して入れる。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-_UZaxhqwvVs/UTAfYljkCGI/AAAAAAAAACM/g5Bn6A_sgEU/s1600/%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"133\" src\u003d\"http://4.bp.blogspot.com/-_UZaxhqwvVs/UTAfYljkCGI/AAAAAAAAACM/g5Bn6A_sgEU/s320/%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nその選択したテキストウィジェットに、広告ソースコードを貼り付けて保存をクリックする。\u003cbr /\u003e\nタイトルは入力しなくても表示されるので、入れても入れなくてもどちらでもかまわない。\u003cbr /\u003e\n\u003cbr /\u003e\n特につまずくようなところもなく、たったこれだけで完成タイトルの横に設置することができた。\u003cbr /\u003e\n\u003cbr /\u003e\n改めて記事を書き直しました。\u003ca href\u003d\"http://www.memorou.com/2013/11/wordpress_21.html\"\u003eWordPressのヘッダーや記事下など好きな位置にアドセンスを設置する方法\u003c/a\u003e\u003cbr /\u003e\n\u003cbr /\u003e\nまた、\u003ca href\u003d\"http://www.memorou.com/2015/05/wordpress.html\"\u003eタイトル横に広告が設置できる人気のWordPressテーマ\u003c/a\u003eもある。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/8997738933613874377"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/8997738933613874377"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2013/03/blog-post.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/-KJ5qBLgRMOw/UTAj_YGr1fI/AAAAAAAAACs/wZF-RpcSmFU/s72-c/%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E6%A8%AA.jpg","height":"72","width":"72"}}]}});