// API callback
related_results_labels_thumbs({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100"},"updated":{"$t":"2023-03-13T11:23:17.127+09:00"},"category":[{"term":"WordPress"},{"term":"禁煙"},{"term":"Blogger"},{"term":"WordPressカスタマイズ"},{"term":"Bloggerカスタマイズ"},{"term":"レビュー"},{"term":"ブログ"},{"term":"禁煙に成功した人の話"},{"term":"Seesaa"},{"term":"ドメイン"},{"term":"パソコン"},{"term":"AdSense"},{"term":"Seesaaカスタマイズ"},{"term":"バナー広告"},{"term":"画像"},{"term":"アナリティクス"},{"term":"テーマ"},{"term":"メニューバー"},{"term":"月次報告"},{"term":"くじ"},{"term":"ウェブマスターツール"},{"term":"テンプレート"},{"term":"ドメインキング"},{"term":"レンタルサーバー"},{"term":"STINGER"},{"term":"プラグイン"},{"term":"リダイレクト"},{"term":"禁煙に失敗した人の話"},{"term":"amazon"},{"term":"totoBIG"},{"term":"スコアカード"},{"term":"格安SIM"},{"term":"禁煙の効果"},{"term":"ウィンドウエアコン"},{"term":"グラボ"},{"term":"ミニバード"},{"term":"光・モバイル回線"},{"term":"固定ページ"},{"term":"窓用エアコン"},{"term":"A8"},{"term":"FREETEL"},{"term":"Googleアカウント"},{"term":"JavaScript"},{"term":"KIWAMI"},{"term":"MVNO"},{"term":"NURO光"},{"term":"URL"},{"term":"Vista"},{"term":"Windows エクスペリエンス インデックス"},{"term":"css"},{"term":"アップデート"},{"term":"カテゴリー"},{"term":"キャッシュ"},{"term":"コピーライト"},{"term":"サイトマップ"},{"term":"プロフィール"},{"term":"ランサーズ"},{"term":"動画"},{"term":"外注記事"},{"term":"子テーマ"},{"term":"投稿ページ"},{"term":"禁煙のコツ"},{"term":".exeファイル"},{"term":"Chrome"},{"term":"GIMP"},{"term":"Google+"},{"term":"Hatch"},{"term":"Inkscape"},{"term":"LinkWithin"},{"term":"Linux"},{"term":"MesoColumn"},{"term":"Picasa"},{"term":"Skitch"},{"term":"gzip"},{"term":"nofollow"},{"term":"クロスドメイントラッキング"},{"term":"サイドバー"},{"term":"サチコ"},{"term":"サブメニュー"},{"term":"タバコの害"},{"term":"ダウンロード"},{"term":"ツイッター連携"},{"term":"テラダモケイ"},{"term":"トップページ"},{"term":"ネームサーバー"},{"term":"バリューコマース"},{"term":"パーマリンク設定"},{"term":"ファビコン"},{"term":"フォント"},{"term":"プロジェクター"},{"term":"ペイント"},{"term":"ページ内リンク"},{"term":"マネークリップ"},{"term":"圧縮"},{"term":"宅建"},{"term":"拡張機能"},{"term":"検索"},{"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.memorou.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/-\/Seesaa%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA?alt=json-in-script\u0026max-results=9999"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.memorou.com\/search\/label\/Seesaa%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"generator":{"version":"7.00","uri":"http://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-4470995644775222283"},"published":{"$t":"2015-04-12T00:43:00.000+09:00"},"updated":{"$t":"2016-07-11T13:12:54.404+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaa"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaaカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"バナー広告"}],"title":{"type":"text","$t":"Seesaaブログ「タイトル下」「記事下」「関連記事下」広告の削除したい"},"content":{"type":"html","$t":"今回で3回目となる、Seesaaブログのスマホ広告削除記事です。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n前回までの投稿を、読んでいることを前提に話を進めますので、まだ読んでいない方は\u003Cbr \/\u003E\n①「\u003Ca href=\"http:\/\/www.memorou.com\/2014\/10\/seesaa_21.html\"\u003ESeesaaブログのスマホ広告を非表示にする方法\u003C\/a\u003E」\u003Cbr \/\u003E\n②「\u003Ca href=\"http:\/\/www.memorou.com\/2015\/02\/seesaa.html\"\u003ESeesaaブログのブログ説明文と記事の間に表示されるスマホ広告を完全に削除\u003C\/a\u003E」へ\u003Cbr \/\u003E\n\u003Ca name='more'\u003E\u003C\/a\u003E\u003Cbr \/\u003E\n\u003Ch2\u003E広告が表示される場所\u003C\/h2\u003ESeesaaブログも『ついにここまできたか...』と思える場所に、広告を出してくるようになりました。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n今回（2015年4月11日）新たに確認できたのは、次の6個。\u003Cbr \/\u003E\n\u003Ch3\u003Eトップページ\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003E記事一覧下にある『ホーム」「次のページ」ボタンの下\u003C\/li\u003E\n\u003C\/ul\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-piRM4R9vBAA\/VSkcGsc4ZTI\/AAAAAAAACvs\/E1oD4q8K-7E\/s1600\/01.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-piRM4R9vBAA\/VSkcGsc4ZTI\/AAAAAAAACvs\/E1oD4q8K-7E\/s1600\/01.png\" height=\"320\" width=\"166\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Ch3\u003E記事ページ\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003Eタイトルと記事の間\u003C\/li\u003E\n\u003Cli\u003ESNSボタンの下\u003C\/li\u003E\n\u003Cli\u003E「ホーム」「次のページへ」ボタンと関連記事の間\u003C\/li\u003E\n\u003Cli\u003E関連記事の一番下\u003C\/li\u003E\n\u003Cli\u003E追尾？\u003C\/li\u003E\n\u003C\/ul\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-8EBEqgeZjVw\/VSkkt8IobrI\/AAAAAAAACv8\/7tuydjpnCKs\/s1600\/02.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-8EBEqgeZjVw\/VSkkt8IobrI\/AAAAAAAACv8\/7tuydjpnCKs\/s1600\/02.png\" height=\"320\" width=\"62\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n一番下の追尾？広告は、ファーストビューから微妙についてきます。\u003Cbr \/\u003E\n\u003Ch2\u003E広告の削除\u003C\/h2\u003E残念ながら、今回新たに確認できた6つの広告の中で、非表示にできたのはたったの1つでした。\u003Cbr \/\u003E\n\u003Ch3\u003E関連記事一番下の広告を削除\u003C\/h3\u003E非表示にできたのは、関連記事一番下の広告です。上の画像だと下から2番目の部分です。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n①の投稿と同様に追加します。\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\/*\n * ad非表示 4月11日追加 関連下\n *\/\n.related-article li:last-of-type a {\n  display: none;\n}\n\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\n20回以上更新しましたが広告は表示されませんでした。\u003Cbr \/\u003E\n\u003Ch2\u003Eまとめ\u003C\/h2\u003E関連記事の広告は消せましたが、記事タイトル下や記事下など重要な場所が消せなかったこともあり、今では、動作確認用のサンプルブログしか使っていません。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nおそらくSeesaaブログに関する記事は、これで最後になります。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSeesaaブログ用のレスポンシブWebデザインテンプレートを作成するか、検索で簡単に見つけられるようになったらまた利用したいと思います。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/4470995644775222283"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/4470995644775222283"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.memorou.com\/2015\/04\/seesaa.html","title":"Seesaaブログ「タイトル下」「記事下」「関連記事下」広告の削除したい"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-piRM4R9vBAA\/VSkcGsc4ZTI\/AAAAAAAACvs\/E1oD4q8K-7E\/s72-c\/01.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-4142914329990861827"},"published":{"$t":"2015-03-11T14:36:00.002+09:00"},"updated":{"$t":"2016-07-11T13:13:33.192+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaa"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaaカスタマイズ"}],"title":{"type":"text","$t":"SeesaaブログのTOPページ作成方法"},"content":{"type":"html","$t":"SeesaaブログにTOP（HOME）ページを作成します。Seesaaブログは他のブログより優れていて、基本的にどのテンプレートを使用していても、簡単にTOPページを作成できます。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ca name='more'\u003E\u003C\/a\u003Eトップページには表示したくないコンテンツや、トップページにだけ表示したいコンテンツを選ぶことができます。この機能を使いトップページを作成します。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nこれはトップページだけではなく、「記事ページ」「過去ログページ」「カテゴリページ」にも設定できます。\u003Cbr \/\u003E\n\u003Ch2\u003Eトップページだけ表示\/非表示\u003C\/h2\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-pXVdNF9ILSE\/VPQJcfOk9yI\/AAAAAAAACsc\/vCji2SvBBNw\/s1600\/00.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-pXVdNF9ILSE\/VPQJcfOk9yI\/AAAAAAAACsc\/vCji2SvBBNw\/s1600\/00.png\" height=\"129\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003Eデザイン＞PC\u0026gt;コンテンツと進み、広告などの不必要なコンテンツを削除し、必要なコンテンツを追加します。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nトップページに表示せず、記事ページだけに表示するコンテンツなども追加しておきます。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-N6vOg8_AQvs\/VPQGCp8Yj5I\/AAAAAAAACsQ\/gYpuY-FhBU8\/s1600\/01.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-N6vOg8_AQvs\/VPQGCp8Yj5I\/AAAAAAAACsQ\/gYpuY-FhBU8\/s1600\/01.png\" height=\"196\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003Eオプションのページアイコンの表示にチェックを入れます。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-aHJdKlT1bpA\/VPQR6jHFloI\/AAAAAAAACtA\/coSZN1m7dYs\/s1600\/03.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-aHJdKlT1bpA\/VPQR6jHFloI\/AAAAAAAACtA\/coSZN1m7dYs\/s1600\/03.png\" height=\"187\" width=\"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この方法でトップページから記事を削除し、ホームページのようなデザインを作ることも可能です。\u003Cbr \/\u003E\n\u003Ch2\u003Eブログタイトルや記事の切り替えができない\u003C\/h2\u003E「ブログタイトル」「ブログの説明」「記事」などは「ページアイコンの表示」にチェックをしてもアイコンが出てきません。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-sisJds7dJCQ\/VPQJtepWLKI\/AAAAAAAACsk\/uhbQYTAN-iE\/s1600\/02.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-sisJds7dJCQ\/VPQJtepWLKI\/AAAAAAAACsk\/uhbQYTAN-iE\/s1600\/02.png\" height=\"244\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nそこで、左のコンテンツから新たに「ブログタイトル」「ブログの説明」「記事」を追加します。そうすることによって、画像のようにアイコンが表示されクリックできるようなります。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n元のコンテンツに編集を加えている場合は、新しいコンテンツの編集を忘れないように。また、元のコンテンツの削除を忘れると、2つずつ表示されてしまいます。\u003Cbr \/\u003E\n\u003Ch2\u003Eスマートフォンの表示切替\u003C\/h2\u003EPCで表示するコンテンツと、スマートフォンで表示するコンテンツは別々に設定が必要です。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-g5nIZaqsKt0\/VP_TkRVWHlI\/AAAAAAAACuA\/jf5BGqGRFaU\/s1600\/05.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-g5nIZaqsKt0\/VP_TkRVWHlI\/AAAAAAAACuA\/jf5BGqGRFaU\/s1600\/05.png\" height=\"49\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nデザイン＞スマートフォン＞コンテンツと進み上記（PC）の方法と同様に編集してください。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/4142914329990861827"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/4142914329990861827"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.memorou.com\/2015\/03\/seesaatop.html","title":"SeesaaブログのTOPページ作成方法"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-pXVdNF9ILSE\/VPQJcfOk9yI\/AAAAAAAACsc\/vCji2SvBBNw\/s72-c\/00.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-7981356400606951903"},"published":{"$t":"2015-02-23T19:47:00.000+09:00"},"updated":{"$t":"2016-07-11T13:13:58.620+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaa"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaaカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"バナー広告"}],"title":{"type":"text","$t":"Seesaaブログのブログ説明文と記事の間に表示されるスマホ広告を完全に削除"},"content":{"type":"html","$t":"2015年2月23日現在、\u003Ca href=\"http:\/\/www.memorou.com\/2014\/10\/seesaa_21.html\"\u003ESeesaaブログのスマホ広告を非表示にする\u003C\/a\u003Eの方法でも、ブログ説明文と記事の間の広告と、フッター上の広告は非表示にできていません。そこで、せめてブログ説明文の下の広告だけでも消せないかと試したところ、きれいに消すことができたためその方法をメモします。\u003Cbr \/\u003E\n\u003Ca name='more'\u003E\u003C\/a\u003E\u003Cbr \/\u003E\n※必ず利用規約に違反しないか確認してからお試しください。この方法でブログのデザインが崩れるなどの問題が起こるかもしれません。すべて自己責任でお願いいたします。\u003Cbr \/\u003E\n\u003Ch2\u003Eブログ説明文と記事の間に表示される広告を削除\u003C\/h2\u003E\u003Cdiv\u003ESeesaaブログに慣れている方なら1分もあれば完了します。\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-twGxXL_NLXg\/VOr3-IB4zAI\/AAAAAAAACrs\/ZB1JoKlKwp8\/s1600\/01.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-twGxXL_NLXg\/VOr3-IB4zAI\/AAAAAAAACrs\/ZB1JoKlKwp8\/s1600\/01.png\" height=\"198\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003Eデザイン＞スマートフォン＞コンテンツの順に進み、画像のように、緑枠の中の一番下に「自由形式」を追加します。（ここでは「ブログ説明」の下に追加しています。）\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n追加した「自由形式」をクリックして、\u003Cbr \/\u003E\n\u003Cpre\u003E\u0026lt;NOSCRIPT\u0026gt;\u003C\/pre\u003Eを追加して、タイトルをわかりやすい名前に変更します。（ここでは「広告削除」としました。）保存をを忘れずに。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n次に、画像のように、橙枠の中の一番上のコンテンツをクリックして、\u003Cbr \/\u003E\n\u003Cpre\u003E\u0026lt;\/NOSCRIPT\u0026gt;\u003C\/pre\u003Eを追加してください。（ここでは「記事」に追加しています。）保存をを忘れずに。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n最後にコンテンツ全体を保存したら完了です。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nこれにより、以前追加したソースの内のいくつかは不要になります。が、探すのが面倒なためそのままにしています。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n試しに20回更新したところ広告の表示は0でした。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003E追記\u003C\/h2\u003Enoscriptを追加してから2週間経ちました。2015年3月10日までは有効であることを確認しています。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nその他の広告が気になる方は「タイトル下」「記事下」「\u003Ca href=\"http:\/\/www.memorou.com\/2015\/04\/seesaa.html\"\u003E関連記事下\u003C\/a\u003E」の広告へ\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nどうしても消せない広告がある場合は、消そうとすることに時間をかけず、他の広告が出ないブログサービスに引越してしまった方が早いかもしれません。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E個人的\u003C\/b\u003Eに、他のブログサービスよりSeesaaが優れている点は、\u003Ca href=\"http:\/\/www.memorou.com\/2015\/03\/seesaatop.html\"\u003Eトップ（ホーム）ページが作りやすい\u003C\/a\u003Eという1点のみだと思っています。集客性で選ぶならアメブロ（無料版の広告はとんでもないところに出る）、広告表示の有無で選ぶなら\u003Ca href=\"http:\/\/www.memorou.com\/2013\/12\/blogger_17.html\"\u003EBlogger\u003C\/a\u003E（このブログはBlogger、約2年使用して不満は0）、カスタマイズ性能で選ぶなら\u003Ca href=\"http:\/\/www.memorou.com\/2013\/12\/wordpress_5931.html\"\u003EWordPress\u003C\/a\u003E（いくつかのサイトで使っていますがやりたいことは大抵でき、ほとんどはプラグインで解決できるので楽）です。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/7981356400606951903"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/7981356400606951903"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.memorou.com\/2015\/02\/seesaa.html","title":"Seesaaブログのブログ説明文と記事の間に表示されるスマホ広告を完全に削除"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/-twGxXL_NLXg\/VOr3-IB4zAI\/AAAAAAAACrs\/ZB1JoKlKwp8\/s72-c\/01.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-1749278351946351056"},"published":{"$t":"2014-12-12T12:53:00.000+09:00"},"updated":{"$t":"2017-02-19T00:30:51.893+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaa"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaaカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"コピーライト"}],"title":{"type":"text","$t":"Seesaaブログにコピーライトを追加して「powered by」のロゴを真ん中にする方法"},"content":{"type":"html","$t":"Seesaaブログにコピーライトを追加します。追加する場所は、フッター部分にある「Powered By Seesaa」のロゴの上または下に表示するようにします。\u003Cbr \/\u003E\n\u003Ca name='more'\u003E\u003C\/a\u003E\u003Ch2\u003Eコピーライトの追加方法\u003C\/h2\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-xEKt7bH-xrg\/VH_FFS7103I\/AAAAAAAACdo\/_oXcZu1BabU\/s1600\/01.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-xEKt7bH-xrg\/VH_FFS7103I\/AAAAAAAACdo\/_oXcZu1BabU\/s1600\/01.png\" height=\"71\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv\u003Eまず、デザイン＞PC＞コンテンツと進んで行き、Powered Byをクリックします。\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-YHzhntIyVUA\/VH_FKEfZRaI\/AAAAAAAACdw\/QPBCCwaJ7bA\/s1600\/02.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-YHzhntIyVUA\/VH_FKEfZRaI\/AAAAAAAACdw\/QPBCCwaJ7bA\/s1600\/02.png\" height=\"55\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n挿入テキスト上部または、挿入テキスト下部にコピーライトを追加します。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-5I7-NZe1EqU\/VIpNJA6_IpI\/AAAAAAAACh8\/zD3V7hELeS4\/s1600\/03.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-5I7-NZe1EqU\/VIpNJA6_IpI\/AAAAAAAACh8\/zD3V7hELeS4\/s1600\/03.png\" height=\"41\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nコピーライトの書き方については、\u003Ca href=\"http:\/\/www.memorou.com\/2014\/01\/blog-post_6.html\"\u003Eコピーライトの変更と書き方\u003C\/a\u003Eを参考にしてください。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nブログ名でコピーライトを追加する場合\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003ECopyright \u0026amp;copy; 2014 ブログ名\u003C\/code\u003E\u003C\/pre\u003Eこれにリンクを追加する場合は\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003ECopyright \u0026amp;copy; 2014 \u0026lt;a href=\"ブログURL\"\u0026gt;ブログ名\u0026lt;\/a\u0026gt;\u003C\/code\u003E\u003C\/pre\u003Eさらに、文字の色やサイズ、表示する位置などを指定したい場合はclassを設定します。\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;div class=copy\u0026gt;Copyright \u0026amp;copy; 2014 \u0026lt;a href=\"ブログURL\"\u0026gt;ブログ名\u0026lt;\/a\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/code\u003E\u003C\/pre\u003Ecopyの部分は自由に変更可能です。変更した場合は下の.copyの部分を同様に変更します。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nCSSには\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E#footer .copy{\ncolor:#999;\nfont-size: 12px;\nmargin: 10px 5px 5px 10px;\npadding: 10px 5px 5px 10px;\n}\n#footer .copy a{\ncolor:#999;\ntext-decoration: none;\n}\u003C\/code\u003E\u003C\/pre\u003Eを追加します。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n追加する場所は、PC＞デザインから使用しているテンプレートを選択します。\u003Cbr \/\u003E\n詳しくは、\u003Ca href=\"http:\/\/www.memorou.com\/2014\/10\/seesaahtmlcss.html\" target=\"_blank\"\u003ESeesaaブログのHTML追加とCSSの編集方法\u003C\/a\u003Eを参考にしてください。 \u003Cbr \/\u003E\n\u003Cbr \/\u003E\n色やサイズなどは自由に変更可能です。リンクのアンダーラインを消したくないときはtext-decoration: none;の部分を削除するか、noneの部分をunderlineに変更します。\u003Cbr \/\u003E\n\u003Ch2\u003Eロゴを真ん中にする\u003C\/h2\u003E\u003Cpre\u003E\u003Ccode\u003E.powered {text-align: center;}\u003C\/code\u003E\u003C\/pre\u003Eとなっているのに、「powered by Seesaa」のロゴが真ん中に来ないときは、CSSに\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E.powered table {\nmargin: 0px auto;\n}\u003C\/code\u003E\u003C\/pre\u003Eと追加する。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n「powered by」のロゴを消すことは規約違反になるので注意してください。\u003Cbr \/\u003E\n\u003Ch2\u003E完成画像\u003C\/h2\u003E完成するこのようになります。画像は挿入テキスト上部に追加しています。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-LyEfVAT8BNo\/VIplj-femCI\/AAAAAAAACiM\/gpg8VG4RJ2c\/s1600\/04.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-LyEfVAT8BNo\/VIplj-femCI\/AAAAAAAACiM\/gpg8VG4RJ2c\/s1600\/04.png\" height=\"44\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nこの方法以外にも、コンテンツで「自由形式」を追加して表示させることもできます。\u003C\/div\u003E"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/1749278351946351056"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/1749278351946351056"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.memorou.com\/2014\/12\/seesaapowered-by.html","title":"Seesaaブログにコピーライトを追加して「powered by」のロゴを真ん中にする方法"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/-xEKt7bH-xrg\/VH_FFS7103I\/AAAAAAAACdo\/_oXcZu1BabU\/s72-c\/01.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-357613657485502625"},"published":{"$t":"2014-10-22T15:21:00.001+09:00"},"updated":{"$t":"2017-02-19T01:03:46.756+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaa"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaaカスタマイズ"}],"title":{"type":"text","$t":"Seesaaブログの記事タイトルをh1に変更する方法"},"content":{"type":"html","$t":"テンプレートにもよりますがデフォルトでは、ブログタイトルがh1、日付がh2、記事タイトルがh3になっています。これを、記事タイトルをh1にしたいと思います。\u003Cbr \/\u003E\n\u003Ca name='more'\u003E\u003C\/a\u003E何かに特化したブログならブログタイトルをh1のままにして、記事タイトルをh2にするほうがいいかもしれません。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nまずはブログタイトルを画像に変更します。\u003Ca href=\"http:\/\/www.memorou.com\/2014\/10\/seesaa.html\"\u003ESeesaaブログのタイトルをロゴ画像に変更する方法\u003C\/a\u003Eを参考にしてください。\u003Cbr \/\u003E\n\u003Ch2\u003Eブログタイトルをh1から変更\u003C\/h2\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-yL9feI0dGTU\/VEc9I1BszZI\/AAAAAAAACbQ\/Joinpln0XSE\/s1600\/01.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-yL9feI0dGTU\/VEc9I1BszZI\/AAAAAAAACbQ\/Joinpln0XSE\/s1600\/01.png\" height=\"119\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nデザイン＞PC＞コンテンツで、ブログタイトルをクリックします。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-zBUWYknJOVk\/VEc9edbn3jI\/AAAAAAAACbY\/hgGAnYOQcYM\/s1600\/02.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-zBUWYknJOVk\/VEc9edbn3jI\/AAAAAAAACbY\/hgGAnYOQcYM\/s1600\/02.png\" height=\"56\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E次に、コンテンツHTML編集をクリックして、h1をdiv id=headerlogoに変更します。idは他で使われていなければ何でも大丈夫です。\u003Cbr \/\u003E\n変更後\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;div id=headerlogo\u0026gt;\u0026lt;a href=画像URLとサイズなど\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Ch2\u003E日付と記事タイトルをh2に変更\u003C\/h2\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-KCWvXimjeuU\/VEc-ey8tyaI\/AAAAAAAACbg\/6mFfzQqju9Y\/s1600\/03.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-KCWvXimjeuU\/VEc-ey8tyaI\/AAAAAAAACbg\/6mFfzQqju9Y\/s1600\/03.png\" height=\"117\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nデザイン＞PC＞コンテンツで、記事をクリックします。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-e1A2FFSzbGI\/VEc-z4LBvdI\/AAAAAAAACbo\/kJnK-02Dt4E\/s1600\/04.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-e1A2FFSzbGI\/VEc-z4LBvdI\/AAAAAAAACbo\/kJnK-02Dt4E\/s1600\/04.png\" height=\"57\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E次に、コンテンツHTML編集をクリックして、日付と記事タイトルの編集をします。\u003Cbr \/\u003E\n\u003Ch3\u003E日付の変更\u003C\/h3\u003E\u003Cpre\u003E\u003Ccode\u003E\u0026lt;h2 class=\"date\"\u0026gt;\u0026lt;% article.createstamp | date_format(\"%Y年%m月%d日\") %\u0026gt;\u0026lt;\/h2\u0026gt;\u003C\/code\u003E\u003C\/pre\u003Eを検索してh2の部分をdivに変更します。\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;div class=\"date\"\u0026gt;\u0026lt;% article.createstamp | date_format(\"%Y年%m月%d日\") %\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E上が変更前、下が変更後です。\u003Cbr \/\u003E\n\u003Ch3\u003E記事タイトルの変更\u003C\/h3\u003E\u003Cpre\u003E\u003Ccode\u003E\u0026lt;h3 class=\"title\"\u0026gt;\u0026lt;a href=\"\u0026lt;% article.page_url %\u0026gt;\" class=\"title\"\u0026gt;\u0026lt;% article.subject %\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;\/h3\u0026gt;\u003C\/code\u003E\u003C\/pre\u003Eを検索してh3の部分をh1に変更します。\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;h1 class=\"title\"\u0026gt;\u0026lt;a href=\"\u0026lt;% article.page_url %\u0026gt;\" class=\"title\"\u0026gt;\u0026lt;% article.subject %\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;\/h1\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E上が変更前、下が変更後です。\u003Cbr \/\u003E\n\u003Ch2\u003ECSSで見出しをデザイン\u003C\/h2\u003ECSSの編集方法は、\u003Ca href=\"http:\/\/www.memorou.com\/2014\/10\/seesaahtmlcss.html\"\u003ESeesaaブログのHTML追加とCSSの編集方法\u003C\/a\u003Eを参考にしてください。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nライトグレー(左サイドバー)テンプレートの場合は、h1h2h3がこのようになっています。\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003Eh1 {\nmargin:0px;\npadding-top:50px;\npadding-bottom:10px;\nfont-weight:bolder;\nfont-size:24px;\nfont-family:Verdana;\n}\nh1 a{\ncolor:#5D5D5D;\ntext-decoration: none;\nfont-weight:bolder;\n}\n\nh2 {\npadding: 0px;\nfont-weight:bold;\ntext-align:left;\n}\n\nh3 {\npadding: 0px 0px 0px 15px;\nfont-size:12px;\nfont-weight:bolder;\nfont-family:Verdana;\nbackground-image:url(http:\/\/blog.seesaa.jp\/img\/bg\/lightgray_2\/title.gif);\nbackground-repeat:no-repeat;\n}\n\nH3 a{\ntext-decoration: none;\ncolor:#000;\n}\u003C\/code\u003E\u003C\/pre\u003Eもともとh1がブログタイトルだったため、paddingの値が大きくなっています。\u003Cbr \/\u003E\nh2は日付だったので、太字になっているぐらいで特に装飾はされていません。\u003Cbr \/\u003E\nh3は元が記事タイトルだったので、背景に画像が使われていてそれなりに装飾されています。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n現在は、h1が記事タイトルでh2とh3は使われていないので、今までのh1h2h3を削除して新しく追加します。\u003Cbr \/\u003E\nh1は記事タイトル、h2とh3は記事内で使用するため、テンプレートのデザインにあった装飾をしていきます。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n個人的にはシンプルなデザインが好きなのでこんな感じにしました。\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003Eh1 {\nmargin:0px;\npadding:0px 0px 0px 10px;\nfont-weight:bold;\nfont-size:24px;\nborder-bottom:solid 1px #888\n}\nh1 a{\ncolor:#444;\ntext-decoration: none;\nfont-weight:bolder;\n}\n\nh2 {\nmargin:30px 0px 10px 0px;\npadding: 0px 0px 0px 10px;\nfont-size: 20px;\nfont-weight:bold;\ntext-align:left;\nborder-left:solid 5px #888;\n}\n\nh3 {\nfont-size:18px;\nfont-weight:bolder;\npadding: 10px 0px 0px 0px;\n}\u003C\/code\u003E\u003C\/pre\u003E文字のサイズや色、ボーダーの種類や色など好みに合わせて変更してください。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n配置が崩れていまったり元に戻したい場合は、それぞれの場所で初期値に戻すか、同じテンプレートを改めて追加して適用してください。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/357613657485502625"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/357613657485502625"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.memorou.com\/2014\/10\/seesaah1.html","title":"Seesaaブログの記事タイトルをh1に変更する方法"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-yL9feI0dGTU\/VEc9I1BszZI\/AAAAAAAACbQ\/Joinpln0XSE\/s72-c\/01.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-150344814347385455"},"published":{"$t":"2014-10-21T16:44:00.000+09:00"},"updated":{"$t":"2017-02-19T01:05:49.844+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaa"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaaカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"バナー広告"}],"title":{"type":"text","$t":"Seesaaブログのスマホ広告を非表示にする方法【追記あり】"},"content":{"type":"html","$t":"Seesaaブログはデフォルトだと、サイドバーエリアにボックス広告・バナー広告・商品紹介の3つ広告が表示されるようになっています。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nさらに、記事エリアは記事下に1つと更新が60日間ない場合は記事上にも1つ表示されます。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nおまけに、検索経由のページ閲覧の際にも記事上に1つ表示されるようになっています。\u003Cbr \/\u003E\n\u003Ca name='more'\u003E\u003C\/a\u003E\u003Cbr \/\u003E\n何もしないと最大で6つも広告が表示されて見た目も悪いく、自分が書いた記事も広告に埋もれてしまいます。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nまた、アドセンスを使用している場合は、規約に引っかかって最悪の場合は停止されることもあります。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nまずは、この広告をすべて非表示に設定します。\u003Cbr \/\u003E\n\u003Ch2\u003E広告の非表示設定\u003C\/h2\u003E\u003Ch3\u003E記事エリアの広告設定\u003C\/h3\u003Eまず、設定＞詳細設定＞記事設定の「広告表示」を無効にして保存します。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-u0K10J_psdY\/VEX9Je6WluI\/AAAAAAAACac\/mbzf2ip7heA\/s1600\/02.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-u0K10J_psdY\/VEX9Je6WluI\/AAAAAAAACac\/mbzf2ip7heA\/s1600\/02.png\" height=\"22\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E次に、設定＞詳細設定＞広告設定ですべて広告を表示しないにして保存します。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-ww5QYMUg4QE\/VEX93lSl-gI\/AAAAAAAACak\/iTqdVuZYMII\/s1600\/03.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-ww5QYMUg4QE\/VEX93lSl-gI\/AAAAAAAACak\/iTqdVuZYMII\/s1600\/03.png\" height=\"123\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003Eこれで記事エリアの広告非表示設定は完了です。\u003Cbr \/\u003E\n\u003Ch3\u003Eサイドバーエリアの広告設定\u003C\/h3\u003Eデザイン＞PC＞コンテンツのサイドバーエリアにある「ボックス広告」「バナー広告」「商品紹介」の3つを削除します。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-LtpJrYd8osw\/VEX-0X02I-I\/AAAAAAAACaw\/ejWCdHx-mNQ\/s1600\/01.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-LtpJrYd8osw\/VEX-0X02I-I\/AAAAAAAACaw\/ejWCdHx-mNQ\/s1600\/01.png\" height=\"320\" width=\"132\" \/\u003E\u003C\/a\u003E\u003C\/div\u003Eコンテンツの右上にある×をクリックするとゴミ箱に移動して削除することができます。完全に削除する場合は、ゴミ箱を空にするをクリックします。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nこれで全部消してすっきりしたなと思っていたら、スマホでみるとガッツリ広告が入っていました。\u003Cbr \/\u003E\n\u003Ch2\u003Eスマホ広告を消す方法\u003C\/h2\u003E\u003Cdiv\u003Eブログをスマホで開くと、ヘッダー下・記事下・フッター上・フッター下の4つ広告が表示されます。もし自分で広告を貼るなら、プロが設置したこの場所を覚えておくとクリック率が高くなるかもしれません。\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv\u003E※正直スマホ広告の非表示はいたちごっこで、今は非表示にできていても次の日には違う広告が表示されている可能性があります。また、非表示にすること自体が規約違反になる日がくる可能性もあります。非表示にする場合は自己責任でお願いします。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nちなみにこの方法ですべての広告が消せるわけではありませんが、90%くらいは非表示にできていると思います。\u003C\/div\u003E\u003Ch3\u003Eスマホ広告非表示設定\u003C\/h3\u003Eデザイン＞スマートフォン＞デザイン一覧から使用しているテンプレートのタイトルをクリックします。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-OMeTS3mnHTI\/VEYEp25mDEI\/AAAAAAAACbA\/Di6Crgpsprc\/s1600\/04.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-OMeTS3mnHTI\/VEYEp25mDEI\/AAAAAAAACbA\/Di6Crgpsprc\/s1600\/04.png\" height=\"50\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nここに、\u003Ca href=\"http:\/\/blog.sugar0w0.com\/article\/356933920.html\" rel=\"nofollow\" target=\"_blank\" rel=\"nofollow\"\u003ESeesaaブログスマートフォン版の広告を消す方法【2014\/7\/19更新】\u003C\/a\u003Eで書かれている記事を参考にさせていただいて、ソースをすべて一番下に貼り付けます。これだけでも、2014年10月の時点で80%近く非表示にできていると思います。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nこれにプラスして、2014年10月11日までに表示が確認された広告を追加で非表示にします。\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\/*\n * ad非表示 10月11日追加\n *\/\n[id*=\"kauli_yad_js_1\"]{display:none!important;visibility:hidden;height:0px;}\n\u003Cstrike\u003E[id*=\"yjAdwrapper\"]{display:none!important;visibility:hidden;height:0px;}\u003C\/strike\u003E\n[id*=\"adunit\"]{display:none!important;visibility:hidden;height:0px;}\n[id*=\"ads\"]{display:none!important;visibility:hidden;height:0px;}\n[class*=\"bottom_fixed_ad\"] {display:none!important;visibility:hidden;height:0px;}\n[class*=\"soc_dest\"] {display:none!important;visibility:hidden;height:0px;}\n\u003C\/code\u003E\u003C\/pre\u003E余計なコードがあるかもしれませんが、とりあえずこれで90%くらいは削除できると思います。\u003Cbr \/\u003E\n\u003Ch4\u003E空白の削除\u003C\/h4\u003E広告を消したら余計な空白が目立つようになったらこれで消えるかもしれません。\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\/*\n * ad非表示 10月17日追加 空白削除\n *\/\n[class*=\"adfunnel_sp\"] {display:none!important;visibility:hidden;height:0px;}\n[class*=\"ad-header\"] {display:none!important;visibility:hidden;height:0px;}\u003C\/code\u003E\u003C\/pre\u003E\u003Ch3\u003EスマホでPC版広告の非表示\u003C\/h3\u003EスマホでPC版を見ると表示される広告の消し方がわからなかったので、スマホでブログを見たときに表示される「PC版を見る」のボタン自体を非表示にしました。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n「ログイン」も同時に消えますが、\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E.footter-nav{\ndisplay:none;\n}\u003C\/code\u003E\u003C\/pre\u003Eを最後に追加するだけで非表示にできます。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ca href=\"http:\/\/www.memorou.com\/2013\/11\/blog-post_9.html\"\u003Eパソコンでスマートフォン（スマホ）表示の確認\u003C\/a\u003Eをすると広告が表示されたときの要素が簡単に検証できます。\u003Cbr \/\u003E\n\u003Ch2\u003Eここから追記\u003C\/h2\u003E\u003Cdiv\u003E2015年1月7日の追記\u003C\/div\u003E\u003Cpre\u003E\u003Ccode\u003E\/*\n * ad非表示 10月17日追加\n *\/\n[id*=\"imobile_adspotdiv1\"]{display:none!important;visibility:hidden;height:0px;}\n[id*=\"fluct_ad_unit_1000001623\"] {display:none!important;visibility:hidden;height:0px;}\n[class*=\"fluct_ad_container\"] {display:none!important;visibility:hidden;height:0px;}\u003C\/code\u003E\u003C\/pre\u003Eおそらく上記の2番目か3番目のどちらかは不要です。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n上記に加え、スマホ閲覧時の関連記事一番下に表示される広告も非表示にします。\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E[class*=\"tapone\"] {display:none!important;visibility:hidden;height:0px;}\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\n2月23日の追記\u003Cbr \/\u003E\nもう少し消したい方は、\u003Ca href=\"http:\/\/www.memorou.com\/2015\/02\/seesaa.html\"\u003Eブログ説明文と記事の間に表示される広告を完全に削除\u003C\/a\u003Eへ"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/150344814347385455"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/150344814347385455"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.memorou.com\/2014\/10\/seesaa_21.html","title":"Seesaaブログのスマホ広告を非表示にする方法【追記あり】"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-u0K10J_psdY\/VEX9Je6WluI\/AAAAAAAACac\/mbzf2ip7heA\/s72-c\/02.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-2523501660588372423"},"published":{"$t":"2014-10-08T11:19:00.000+09:00"},"updated":{"$t":"2016-07-11T13:18:40.394+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaa"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaaカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"メニューバー"}],"title":{"type":"text","$t":"Seesaaブログにメニューバーを設置する方法"},"content":{"type":"html","$t":"Seesaaブログにメニューバー（グローバルナビゲーション）を設置する方法は何種類かあるようですが、個人的に一番簡単に設置できそうな方法について書いていきます。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ca name='more'\u003E\u003C\/a\u003E\u003Ch2\u003Eメニューバーのソースを追加する場所\u003C\/h2\u003E\u003Cbr \/\u003E\nメニューバーを設置するためには、デザイン＞PC＞コンテンツからブログ説明にソースを追加する方法と、新たに自由形式のコンテンツを追加する方法があります。\u003Cbr \/\u003E\nどちらの方法でも大差はないですが、コンテンツを新たに追加したほうが、後の自由度は高くなりそうな気がします。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n追加するソース\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;div id=\"menubar\"\u0026gt;\n        \u0026lt;ul\u0026gt;\n          \u0026lt;li\u0026gt;\u0026lt;a href='#'\u0026gt;Home\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\n          \u0026lt;li\u0026gt;\u0026lt;a href='#'\u0026gt;メニュー1\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\n          \u0026lt;li\u0026gt;\u0026lt;a href='#'\u0026gt;メニュー2\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\n          \u0026lt;li\u0026gt;\u0026lt;a href='#'\u0026gt;メニュー3\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\n          \u0026lt;li\u0026gt;\u0026lt;a href='#'\u0026gt;メニュー4\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\n          \u0026lt;li\u0026gt;\u0026lt;a href='#'\u0026gt;メニュー5\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\n        \u0026lt;\/ul\u0026gt;\n\u0026lt;\/div\u0026gt;\n\u003C\/code\u003E\u003C\/pre\u003EidのmenubarやメニューXは任意で変更可能です。\u003Cbr \/\u003E\n#の部分にリンクするURLを入力してください。（#は削除する）\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nここでは、HOMEを入れて6個のメニューになっていますが、liを追加や削除することで表示するメニューの数を変更できます。\u003Cbr \/\u003E\n\u003Ch3\u003Eブログ説明にソースを追加\u003C\/h3\u003E\u003Cdiv\u003Eブログ説明にソースを追加する方法は2つ。1つは、コンテンツHTMLを編集する方法と、挿入テキスト（下部）に追加する方法があります。\u003Cbr \/\u003E\n\u003Ch4\u003EコンテンツHTML編集に追加\u003C\/h4\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-lttVKoswOB8\/VDN5z2sJL-I\/AAAAAAAACUw\/2IywBZRwxgo\/s1600\/01.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-lttVKoswOB8\/VDN5z2sJL-I\/AAAAAAAACUw\/2IywBZRwxgo\/s1600\/01.png\" height=\"121\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003Eブログ説明をクリックします。\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-aQO_zPUGdOw\/VDN7C34_7BI\/AAAAAAAACU4\/vZ_cdzacuPw\/s1600\/02.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-aQO_zPUGdOw\/VDN7C34_7BI\/AAAAAAAACU4\/vZ_cdzacuPw\/s1600\/02.png\" height=\"116\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E右上のコンテンツHTML編集をクリックします。\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-6mNNy8i7oRg\/VDN-o_YxFQI\/AAAAAAAACVE\/NqnMtz6PthE\/s1600\/03.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-6mNNy8i7oRg\/VDN-o_YxFQI\/AAAAAAAACVE\/NqnMtz6PthE\/s1600\/03.png\" height=\"176\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E元から入力されているソースの下に「追加するソース」を追加して保存をします。\u003C\/div\u003E\u003Ch4\u003E挿入テキスト（下部）に追加\u003C\/h4\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-lttVKoswOB8\/VDN5z2sJL-I\/AAAAAAAACUw\/2IywBZRwxgo\/s1600\/01.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-lttVKoswOB8\/VDN5z2sJL-I\/AAAAAAAACUw\/2IywBZRwxgo\/s1600\/01.png\" height=\"121\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003Eブログ説明をクリックします。\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-_NbUC0PD0Ng\/VDOAUl5jhLI\/AAAAAAAACVQ\/UOGLZCC6KPc\/s1600\/04.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-_NbUC0PD0Ng\/VDOAUl5jhLI\/AAAAAAAACVQ\/UOGLZCC6KPc\/s1600\/04.png\" height=\"183\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E挿入テキスト（下部）に「追加するソース」を追加して保存します。ポイントは上部ではなく下部で。\u003C\/div\u003E\u003Ch3\u003E自由形式のコンテンツを追加\u003C\/h3\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-uZgR2064Kio\/VDOzDnGGEpI\/AAAAAAAACVg\/qEz3XVPuL3Q\/s1600\/05.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-uZgR2064Kio\/VDOzDnGGEpI\/AAAAAAAACVg\/qEz3XVPuL3Q\/s1600\/05.png\" height=\"182\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E左のコンテンツから自由形式を探して、ブログ説明の下に追加します。テンプレートの種類によっては、記事の上に追加したほうがいい場合もあります。\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv\u003E追加したら、自由形式をクリックして「追加するソース」を追加します。\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-Nb0amM-coTs\/VDO2uca2BLI\/AAAAAAAACVs\/p4Q6MOdinQA\/s1600\/06.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-Nb0amM-coTs\/VDO2uca2BLI\/AAAAAAAACVs\/p4Q6MOdinQA\/s1600\/06.png\" height=\"248\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003Eタイトルは、後で編集するときわかりやすいように「メニューバー」などにしておきます。\u003C\/div\u003E\u003Cdiv\u003E最後に保存をクリックします。コンテンツ選択画面でも保存します。\u003C\/div\u003E\u003Ch2\u003Eメニューバーの装飾\u003C\/h2\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-8THCpgR2g8s\/VDO6dXIgjZI\/AAAAAAAACV4\/iFILobnVviE\/s1600\/07.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-8THCpgR2g8s\/VDO6dXIgjZI\/AAAAAAAACV4\/iFILobnVviE\/s1600\/07.png\" height=\"268\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003Eデザイン＞PC＞デザイン設定から、使用しているテンプレートのタイトルを選択します。\u003C\/div\u003E\u003Cdiv\u003E今回は、ライトブルーの右サイドバーに追加します。\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv\u003Eスタイルシートの一番下に次を追加します。\u003C\/div\u003E\u003Cpre\u003E\u003Ccode\u003E\/* menubar *\/\n#menubar {\n  width:810px;\n  margin:0px;\n  padding:0;\n}\n#menubar ul{\n  padding:0px;\n  list-style: none;\n}\n#menubar ul li{\n  display:inline;\n}\n  \n#menubar ul li a{\n  color:#444;\n  display:block;\n  float:left;\n  margin:0;\n  padding:0;\n  overflow:hidden;\n  text-align:center;\n  width:133px;\n  line-height:30px;\n  font-size:14px;\n  font-weight:bold;\n  border-bottom: solid 2px #2E5056;\n  text-decoration:none;\n  white-space: nowrap;\n}\n\n#menubar ul li a:hover{\n  color:#fff;\n  border-bottom: solid 2px #FFFF00;\n  background:#2E5056;\n}\n\/* menubar *\/\n\u003C\/code\u003E\u003C\/pre\u003Eこれは、ライトブルーに6個のメニューバーを設置する場合のコードです。 \u003Cbr \/\u003E\n\u003Cbr \/\u003E\n各カラーコードは好みで変更します。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n他のテンプレートの場合、width:810とwidth:133あたりを変更すると使用できます。\u003Cbr \/\u003E\n\u003Ch2\u003Eメニューバーの位置調整\u003C\/h2\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-vUayvRkooMk\/VDPHllJUoWI\/AAAAAAAACWI\/KgDmKCWBd_c\/s1600\/08.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-vUayvRkooMk\/VDPHllJUoWI\/AAAAAAAACWI\/KgDmKCWBd_c\/s1600\/08.png\" height=\"111\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003Eこのままだと、位置が下で背景とかぶって見づらいので、h1を上にずらして位置を整えます。\u003Cbr \/\u003E\nメニューバーの装飾と同様に、使用しているテンプレートを選択します。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/--ilIgRh9VdU\/VDPLM3amvdI\/AAAAAAAACWc\/hAjbw8wSZ9I\/s1600\/09.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/--ilIgRh9VdU\/VDPLM3amvdI\/AAAAAAAACWc\/hAjbw8wSZ9I\/s1600\/09.png\" height=\"168\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003Eスタイルシート内からh1を探して、padding-topを42pxから22pxに変更します。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-IyCcCBY85s8\/VDPKgLpCv-I\/AAAAAAAACWU\/QpN88Hh9_po\/s1600\/10.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-IyCcCBY85s8\/VDPKgLpCv-I\/AAAAAAAACWU\/QpN88Hh9_po\/s1600\/10.png\" height=\"92\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E変更すると、上の余白がなくなってきれいに収まります。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/2523501660588372423"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/2523501660588372423"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.memorou.com\/2014\/10\/seesaa_8.html","title":"Seesaaブログにメニューバーを設置する方法"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/-lttVKoswOB8\/VDN5z2sJL-I\/AAAAAAAACUw\/2IywBZRwxgo\/s72-c\/01.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-8407438481355076551"},"published":{"$t":"2014-10-07T10:38:00.000+09:00"},"updated":{"$t":"2017-02-19T01:08:42.231+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaa"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaaカスタマイズ"}],"title":{"type":"text","$t":"Seesaaブログのタイトルをロゴ画像に変更する方法"},"content":{"type":"html","$t":"Seesaaブログのタイトルを画像に変更して、クリックしたらブログトップページに移動するようにする方法です。\u003Cbr \/\u003E\n\u003Ca name='more'\u003E\u003C\/a\u003Eまずは、\u003Ca href=\"http:\/\/www.memorou.com\/2014\/03\/blog-post.html\"\u003Einkscape\u003C\/a\u003Eなどのフリーソフトや無料ロゴジェネレーターを使ってタイトルロゴ作成します。\u003Cbr \/\u003E\n\u003Ch2\u003Eタイトルを画像に変更\u003C\/h2\u003E画像の準備ができたら、デザイン＞PC＞コンテンツからブログタイトルを選択します。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-rQ0ISM-3k4M\/VC5B7eiZ2fI\/AAAAAAAACS8\/waxN0DT6Ud0\/s1600\/01.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-rQ0ISM-3k4M\/VC5B7eiZ2fI\/AAAAAAAACS8\/waxN0DT6Ud0\/s1600\/01.png\" height=\"156\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E文字の上でクリックしないと移動してしまいます。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nファイルのアップロードで、使いたいタイトル画像をドロップするか、ファイルから選択してアップロードします。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-eNtkANrpceA\/VC5D1LhqH_I\/AAAAAAAACTI\/_r-BrCb3cac\/s1600\/02.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-eNtkANrpceA\/VC5D1LhqH_I\/AAAAAAAACTI\/_r-BrCb3cac\/s1600\/02.png\" height=\"263\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n画像をドロップすると、アップロードした画像が上に追加されるので、これをクリックすると挿入テキスト部分にソースが挿入されます。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-xnCbWdw-QDE\/VC5GA0n-gAI\/AAAAAAAACTU\/Pa_qFzB77eM\/s1600\/03.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-xnCbWdw-QDE\/VC5GA0n-gAI\/AAAAAAAACTU\/Pa_qFzB77eM\/s1600\/03.png\" height=\"270\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E画像を削除したい場合は、下のゴミ箱マークをクリックします。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nまた、追加（クリック）するときには、「サムネイルで表示」と「別ウィンドウで原寸大表示」のチェックをはずしておきます。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/--6rBuo1UjWU\/VC5MACDvP2I\/AAAAAAAACTk\/rBNwa3mvGK4\/s1600\/04.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/--6rBuo1UjWU\/VC5MACDvP2I\/AAAAAAAACTk\/rBNwa3mvGK4\/s1600\/04.png\" height=\"39\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nクリックすると下の画像のようにソースが挿入されます。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-_yYaBRrf0U0\/VC5M0zRuoGI\/AAAAAAAACTs\/ScPp1v7Bnc4\/s1600\/05.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-_yYaBRrf0U0\/VC5M0zRuoGI\/AAAAAAAACTs\/ScPp1v7Bnc4\/s1600\/05.png\" height=\"136\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Ch2\u003Eトップページに移動するリンクを追加\u003C\/h2\u003Eこのままだとタイトル画像をクリックしても、トップページに移動できないためソースを追加します。\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;a href=\"ブログトップページのURL\"\u0026gt;\n自動で挿入されたソース\u0026lt;\/a\u0026gt;\u003C\/code\u003E\u003C\/pre\u003Eこのように、上で自動挿入した画像のソースをaタグで挟みます。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n追加後のソースは、下の画像のようになります。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-2DKknzm5PTc\/VC5OP-65hOI\/AAAAAAAACT4\/ADvgLTo9c48\/s1600\/06.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-2DKknzm5PTc\/VC5OP-65hOI\/AAAAAAAACT4\/ADvgLTo9c48\/s1600\/06.png\" height=\"145\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nここまでできたら一度保存をしてブログを確認します。\u003Cbr \/\u003E\n\u003Ch2\u003Eタイトルテキストとブログの説明を消す\u003C\/h2\u003Eブログを見ると、タイトルが画像になり、元のタイトルテキストとブログの説明が下にずれているはずです。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nそこで、タイトルと説明をそれぞれ消していきます。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n消す方法は、CSSでdisplay:noneとするか、text-indent:-9999pxとするのが一般的なようです。が、SEOにも関係するとかしないとか、様々な憶測がありますのでご注意ください。\u003Cbr \/\u003E\n\u003Ch3\u003Eタイトルテキストを消す\u003C\/h3\u003E\u003Cdiv\u003Eまずは、タイトルテキストから消します。\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv\u003Eトップページリンク追加後のソースをコピーして、コンテンツHTML編集をクリックします。\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-EBgL8-v5y7I\/VC5a3mrteXI\/AAAAAAAACUI\/uTCxb3AJbUM\/s1600\/07.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-EBgL8-v5y7I\/VC5a3mrteXI\/AAAAAAAACUI\/uTCxb3AJbUM\/s1600\/07.png\" height=\"178\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n初期値が下記のようになっています。\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;% content.header -%\u0026gt;\n\u0026lt;h1\u0026gt;\u0026lt;a href=\"\u0026lt;% blog.page_url %\u0026gt;\" accesskey=\"1\"\u0026gt;\u0026lt;% blog.title %\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;\/h1\u0026gt;\n\u0026lt;% content.footer -%\u0026gt;\n\u003C\/code\u003E\u003C\/pre\u003Eこのh1タグの中に貼り付けして、altをブログタイトルに変更します。aitの文字は作成したロゴ画像のタイトルや保存形式によって変わります。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-Wvo_nOBRuII\/VC5d6O91l7I\/AAAAAAAACUU\/RqhAa9OOKc4\/s1600\/08.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-Wvo_nOBRuII\/VC5d6O91l7I\/AAAAAAAACUU\/RqhAa9OOKc4\/s1600\/08.png\" height=\"64\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E保存をしてブログを見てみると、今度は画像が2つ表示されるので、ブログタイトルの設定に戻って最初に追加したソースをすべて消します。\u003Cbr \/\u003E\n\u003Ch3\u003Eブログの説明を消す\u003C\/h3\u003E次に、ブログの説明を消します。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nデザイン＞PC＞デザイン設定から使用中のテンプレートを選択して、CSSを編集します。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-vH2GBpQWYBI\/VC5hEkv9RaI\/AAAAAAAACUg\/Vkl0GtqdEt4\/s1600\/09.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-vH2GBpQWYBI\/VC5hEkv9RaI\/AAAAAAAACUg\/Vkl0GtqdEt4\/s1600\/09.png\" height=\"281\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nスタイルシート編集画面になるので、Ctrl+Fを押してdescriptionを検索します。超シンプルテンプレートの場合は2つあるので、2つ目にdisplay:noneを追加したら完了です。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n追加後は、\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E#banner .description{\n color:#888;\n font-weight:normal;\n padding-left:0px;\n display:none          ←ここに追加\n}\n\u003C\/code\u003E\u003C\/pre\u003Eのようになります。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nあとは、タイトルロゴの位置をCSSで修正したら完成です。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/8407438481355076551"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/8407438481355076551"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.memorou.com\/2014\/10\/seesaa.html","title":"Seesaaブログのタイトルをロゴ画像に変更する方法"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/3.bp.blogspot.com\/-rQ0ISM-3k4M\/VC5B7eiZ2fI\/AAAAAAAACS8\/waxN0DT6Ud0\/s72-c\/01.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-5877595793460112915"},"published":{"$t":"2014-10-02T11:28:00.000+09:00"},"updated":{"$t":"2016-07-11T13:19:07.596+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaa"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaaカスタマイズ"}],"title":{"type":"text","$t":"SeesaaブログのHTML追加とCSSの編集方法"},"content":{"type":"html","$t":"Seesaaブログは、デザインから選択したテンプレートのHTMLとCSSを編集することができます。\u003Cbr \/\u003E\nHTMLの追加は、PCとケータイで可能で、CSSの編集はPCとスマートフォンで可能です。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ca name='more'\u003E\u003C\/a\u003E\u003Ch2\u003EHTMLの追加\u003C\/h2\u003E\u003Ch3\u003EPC\u003C\/h3\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-71dWKsdJ6rg\/VCjsAZ8peUI\/AAAAAAAACQs\/8PS9SH_w9Fk\/s1600\/01.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-71dWKsdJ6rg\/VCjsAZ8peUI\/AAAAAAAACQs\/8PS9SH_w9Fk\/s1600\/01.png\" height=\"111\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv\u003Eデザイン＞PC＞HTMLの「HTMLの追加」からHTMLの編集ができます。\u003C\/div\u003E\u003Cdiv\u003EHTMLの追加をクリックすると、編集画面になります。\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-RjdOZYn4LgY\/VCjxcz0FZ-I\/AAAAAAAACQ8\/5tSRaZfOdco\/s1600\/02.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-RjdOZYn4LgY\/VCjxcz0FZ-I\/AAAAAAAACQ8\/5tSRaZfOdco\/s1600\/02.png\" height=\"320\" width=\"319\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv\u003EHTML名にわかりやすい名前を入力し、HTMLを編集して保存をします。\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv\u003Eすると、先ほど入力した名前が追加されるので、適用の選択ボタンをクリックすると設定が完了します。\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-1ldHWlQ-DEU\/VCjyyM2FAJI\/AAAAAAAACRE\/pOnnjw_HGx8\/s1600\/03.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-1ldHWlQ-DEU\/VCjyyM2FAJI\/AAAAAAAACRE\/pOnnjw_HGx8\/s1600\/03.png\" height=\"143\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E次に同じHTMLを編集するときはその名前をクリックします。\u003C\/div\u003E\u003Ch3\u003Eケータイ\u003C\/h3\u003E\u003Cdiv\u003EケータイもPCと同様に、デザイン＞ケータイ＞HTMLの「HTMLの追加」からHTMLの編集ができます。\u003C\/div\u003E\u003Cdiv\u003EHTMLの追加をクリックすると、編集画面になります。\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-0zfgKqeyRl8\/VCkHHG54AjI\/AAAAAAAACRU\/4uTtIfos8-0\/s1600\/04.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-0zfgKqeyRl8\/VCkHHG54AjI\/AAAAAAAACRU\/4uTtIfos8-0\/s1600\/04.png\" height=\"173\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E背景色・文字の色・リンクの色などが簡単に編集できます。\u003C\/div\u003E\u003Ch2\u003EコンテンツHTML編集\u003C\/h2\u003E\u003Cdiv\u003Eデザイン＞PC＞コンテンツで、現在使用中のコンテンツをクリックします。ケータイのコンテンツHTMLを編集する場合は、ケータイを選択します。\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-AibwRYYbjwY\/VCke5OLBkEI\/AAAAAAAACRk\/aCcyumumEig\/s1600\/05.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-AibwRYYbjwY\/VCke5OLBkEI\/AAAAAAAACRk\/aCcyumumEig\/s1600\/05.png\" height=\"203\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E記事のHTMLを編集する場合は、記事をクリックします。\u003C\/div\u003E\u003Cdiv\u003E次に、右上の「コンテンツHTML編集」をクリックします。\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-_XlCuqcvYBU\/VCkhdKT5cqI\/AAAAAAAACRw\/nyk_5TKlszE\/s1600\/06.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-_XlCuqcvYBU\/VCkhdKT5cqI\/AAAAAAAACRw\/nyk_5TKlszE\/s1600\/06.png\" height=\"123\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003Eすると、編集画面になるので、編集後に保存をクリックします。\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-J2Jj4cqiZ4g\/VCkj7Tj102I\/AAAAAAAACR8\/5jPiglSYefg\/s1600\/07.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-J2Jj4cqiZ4g\/VCkj7Tj102I\/AAAAAAAACR8\/5jPiglSYefg\/s1600\/07.png\" height=\"225\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Ch2\u003ECSSの編集\u003C\/h2\u003E\u003Ch3\u003EPC\u003C\/h3\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-Ia4zo1SaGpY\/VCkqeHP8QwI\/AAAAAAAACSQ\/PnAffOxmG-w\/s1600\/08.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-Ia4zo1SaGpY\/VCkqeHP8QwI\/AAAAAAAACSQ\/PnAffOxmG-w\/s1600\/08.png\" height=\"299\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv\u003Eデザイン＞PC＞デザイン設定から、編集するテンプレートのタイトルをクリックします。\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-v3bUPkvOnGg\/VCksu_nbXBI\/AAAAAAAACSY\/9EgBLHFrf_s\/s1600\/09.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/3.bp.blogspot.com\/-v3bUPkvOnGg\/VCksu_nbXBI\/AAAAAAAACSY\/9EgBLHFrf_s\/s1600\/09.png\" height=\"180\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cdiv\u003E編集ページになるので、トップ・記事・過去ログ・カテゴリの中から編集したいページを選択します。\u003C\/div\u003E\u003Cdiv\u003E編集が終了したら保存をクリックして完了です。\u003C\/div\u003E\u003Ch3\u003Eスマートフォン\u003C\/h3\u003E\u003Cdiv\u003EスマートフォンもPCと同様に、デザイン＞スマートフォン＞デザイン設定から、編集するテンプレートのタイトルをクリックします。\u003C\/div\u003E\u003Cdiv\u003E\u003Cbr \/\u003E\n\u003C\/div\u003E\u003Cdiv\u003Eトップと記事のCSSの編集が可能です。\u003C\/div\u003E"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/5877595793460112915"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/5877595793460112915"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.memorou.com\/2014\/10\/seesaahtmlcss.html","title":"SeesaaブログのHTML追加とCSSの編集方法"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-71dWKsdJ6rg\/VCjsAZ8peUI\/AAAAAAAACQs\/8PS9SH_w9Fk\/s72-c\/01.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-2651071249031865879"},"published":{"$t":"2014-09-30T10:15:00.000+09:00"},"updated":{"$t":"2014-09-30T10:17:36.660+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaa"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Seesaaカスタマイズ"}],"title":{"type":"text","$t":"Seesaaブログのデザイン\/テンプレートの変更"},"content":{"type":"html","$t":"Seesaaブログでは、デザインからパソコン表示時のテンプレートとスマートフォン表示時のテンプレートの変更ができます。\u003Cbr \/\u003E\nまた、コンテンツからブログに表示させるパーツを、簡単に追加したり削除したりすることが可能です。\u003Cbr \/\u003E\n\u003Ca name='more'\u003E\u003C\/a\u003E\u003Cdiv\u003E\n\u003Ch2\u003E\nPC\u003C\/h2\u003E\n\u003Ch3\u003E\nデザイン一覧\u003C\/h3\u003E\nパソコンで表示したときのデザインを、デザイン一覧から選択します。新着デザイン上のシンプル・キュート・シーズン・フォトグラフ・クール・コラボから好みのデザインを絞り込むことが可能です。\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-3B7LnCfh38Q\/VCfsT_i9bGI\/AAAAAAAACQM\/pJ2bX0ZeNNY\/s1600\/01.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/2.bp.blogspot.com\/-3B7LnCfh38Q\/VCfsT_i9bGI\/AAAAAAAACQM\/pJ2bX0ZeNNY\/s1600\/01.png\" height=\"32\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\nサイドバーの種類も右・左・両サイドの3種類から選択できます。\u003Cbr \/\u003E\n\u003Ch3\u003E\nデザイン設定\u003C\/h3\u003E\n\u003C\/div\u003E\n\u003Cdiv\u003E\nデザイン設定では、今までに追加したテンプレートから使用するデザインを簡単に変更できます。\u003C\/div\u003E\n\u003Ch3\u003E\nコンテンツ\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-Nh_OVqqMpzo\/VCf25DxzJVI\/AAAAAAAACQc\/-iIaXFC-sLE\/s1600\/02.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-Nh_OVqqMpzo\/VCf25DxzJVI\/AAAAAAAACQc\/-iIaXFC-sLE\/s1600\/02.png\" height=\"213\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\n\u003Cdiv\u003E\n\u003Cbr \/\u003E\u003C\/div\u003E\n\u003Cdiv\u003E\nコンテンツでは、ブログに表示するコンテンツを追加したり削除したりできます。\u003C\/div\u003E\n\u003Cdiv\u003E\n\u003Cbr \/\u003E\u003C\/div\u003E\n\u003Cdiv\u003E\n追加するには、左側のブログパーツ、コンテンツやブログ広告から右へドラッグ＆ドロップします。\u003C\/div\u003E\n\u003Cdiv\u003E\n\u003Cbr \/\u003E\u003C\/div\u003E\n\u003Cdiv\u003E\n不必要なものをっ削除するには、右側のコンテンツなどの×をクリックします。完全に削除するには、ゴミ箱を空にする必要があります。\u003C\/div\u003E\n\u003Cdiv\u003E\n\u003Cbr \/\u003E\u003C\/div\u003E\n\u003Cdiv\u003E\nトップページ・記事ページ・過去ログページ・カテゴリページ、それぞれの表示を設定できます。\u003C\/div\u003E\n\u003Ch2\u003E\nケータイ\u003C\/h2\u003E\n\u003Cdiv\u003E\nケータイは、PCのようにテンプレートを選択することはできませんが、コンテンツの追加と削除が可能です。\u003C\/div\u003E\n\u003Cdiv\u003E\n\u003Cbr \/\u003E\u003C\/div\u003E\n\u003Cdiv\u003E\nデフォルトでは、ブログタイトル・ブログの説明・記事の3つが表示されるシンプルなつくりになっています。\u003C\/div\u003E\n\u003Ch2\u003E\nスマートフォン\u003C\/h2\u003E\n\u003Ch3\u003E\nデザイン一覧\u003C\/h3\u003E\n\u003Cdiv\u003E\nスマートフォンのデザインは、シンプルなbasicや写真サイトに適したphotoなど、16種類のテンプレートから選択できます。\u003Cbr \/\u003E\n\u003Ch3\u003E\nコンテンツ\u003C\/h3\u003E\nコンテンツは、PCとほとんど同じものが選択されているので、PCで設定した方法と同じように、必要なものを追加したり不要なものは削除したりできます。\u003C\/div\u003E\n"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/2651071249031865879"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3913772026590954100\/posts\/default\/2651071249031865879"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.memorou.com\/2014\/09\/seesaa_30.html","title":"Seesaaブログのデザイン\/テンプレートの変更"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-3B7LnCfh38Q\/VCfsT_i9bGI\/AAAAAAAACQM\/pJ2bX0ZeNNY\/s72-c\/01.png","height":"72","width":"72"}}]}});