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/-/%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"alternate","type":"text/html","href":"http://www.memorou.com/search/label/%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8"},{"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":"1"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"9999"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-7436532436588168986"},"published":{"$t":"2015-12-07T18:01:00.000+09:00"},"updated":{"$t":"2016-11-19T19:27:25.527+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"テンプレート"},{"scheme":"http://www.blogger.com/atom/ns#","term":"トップページ"}],"title":{"type":"text","$t":"Blogger トップページにカテゴリ別の記事一覧を表示できるテンプレート"},"content":{"type":"html","$t":"トップページにカテゴリ別の記事一覧を表示できるBlogger用のテンプレート。\u003cbr /\u003e\n\u003cbr /\u003e\n一般的なブログでよく見る、上から記事が更新順に並ぶのではなく、カテゴリ別に記事一覧を表示できるデザインのテンプレート7選。\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003c/div\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://2.bp.blogspot.com/-_NUdnZjj3eg/VmTubqqVjwI/AAAAAAAAC5Q/bVkwsVwSb_o/s1600/00.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"176\" src\u003d\"http://2.bp.blogspot.com/-_NUdnZjj3eg/VmTubqqVjwI/AAAAAAAAC5Q/bVkwsVwSb_o/s320/00.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\n\u003cspan id\u003d\"goog_1817077652\"\u003e\u003c/span\u003e\u003cspan id\u003d\"goog_1817077653\"\u003e\u003c/span\u003eテンプレートの変更方法は「\u003ca href\u003d\"http://www.memorou.com/2014/07/blogger_3.html\"\u003eBloggerテンプレートをレスポンシブＷｅｂデザインに変えたときにやったこと\u003c/a\u003e」を参考に\u003cbr /\u003e\n\u003ch2\u003eトップページにカテゴリ別の記事一覧を表示できるテンプレート7選\u003c/h2\u003e\u003ch3\u003eBright Mag \u003c/h3\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-ndwgpz0CUzA/VmE3IJm8RzI/AAAAAAAAC4Q/iaJu3fRFKV0/s1600/02.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"320\" src\u003d\"http://1.bp.blogspot.com/-ndwgpz0CUzA/VmE3IJm8RzI/AAAAAAAAC4Q/iaJu3fRFKV0/s320/02.png\" width\u003d\"305\" /\u003e\u003c/a\u003e\u003c/div\u003eトップページ上部の大きなスライダー（スライドショー）が目を引くテンプレート。最上部にはニュース速報が流れる。\u003cbr /\u003e\n記事下とサイドバーにSNSボタンを完備。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"http://blogtemplate4u.com/2014/08/bright-magazine-blogger-template/\" rel\u003d\"nofollow\" target\u003d\"_blank\"\u003eBright Mag\u003c/a\u003e\u003cbr /\u003e\n\u003ch3\u003eViewer \u003c/h3\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-ab0wkICT8nA/VmE3whrRkqI/AAAAAAAAC4Y/mhqFWp-M_EE/s1600/03.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"320\" src\u003d\"http://3.bp.blogspot.com/-ab0wkICT8nA/VmE3whrRkqI/AAAAAAAAC4Y/mhqFWp-M_EE/s320/03.png\" width\u003d\"275\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003cbr /\u003e\nトップページは、カテゴリーごとに色が分かれていてわかりやすいだけでなく、カラフルでおしゃれ。タイトル横に728×90、サイドバーに336×280の広告を設置できる。\u003cbr /\u003e\n記事下のSNSボタンにマウスオーバーしたときの動きもかっこいい。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"http://blogtemplate4u.com/2015/09/viewer-magazine-blogger-template/\" rel\u003d\"nofollow\" target\u003d\"_blank\"\u003eViewer\u003c/a\u003e\u003cbr /\u003e\n\u003ch3\u003eGaps\u003c/h3\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-E-QWUSV9DQI/VmE4P23hAuI/AAAAAAAAC4g/v8jtQLQMJSg/s1600/04.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"315\" src\u003d\"http://1.bp.blogspot.com/-E-QWUSV9DQI/VmE4P23hAuI/AAAAAAAAC4g/v8jtQLQMJSg/s320/04.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003eトップページの画像にマウスオーバーすると絶妙にズームする。最上部にはニュース速報が流れます。\u003cbr /\u003e\nタブ付きウィジェットにより、サイドバーをスッキリさせられる。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"http://blogtemplate4u.com/2014/07/gaps-magazine-blogger-template/\" rel\u003d\"nofollow\" target\u003d\"_blank\"\u003eGaps\u003c/a\u003e\u003cbr /\u003e\n\u003ch3\u003eAres\u003c/h3\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://1.bp.blogspot.com/-a495LfMPbDI/VmE43NrDxqI/AAAAAAAAC4o/MYgpp0p6azU/s1600/05.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"320\" src\u003d\"http://1.bp.blogspot.com/-a495LfMPbDI/VmE43NrDxqI/AAAAAAAAC4o/MYgpp0p6azU/s320/05.png\" width\u003d\"279\" /\u003e\u003c/a\u003e\u003c/div\u003eトップページのスライダー、右上のSNSボタンや検索ボックスにマウスを乗せてみてほしい。マウスオーバーしたときの動きがかっこいい。\u003cbr /\u003e\nタイトル横には728×90の広告を設置可能。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"http://blogtemplate4u.com/2014/07/ares-magazine-blogger-template/\" rel\u003d\"nofollow\" target\u003d\"_blank\"\u003eAres\u003c/a\u003e\u003cbr /\u003e\n\u003ch3\u003eOlive\u003c/h3\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://2.bp.blogspot.com/-D9uNu7NJZZA/VmE5Vtafk_I/AAAAAAAAC4w/eEsR7qE6e5g/s1600/06.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"320\" src\u003d\"http://2.bp.blogspot.com/-D9uNu7NJZZA/VmE5Vtafk_I/AAAAAAAAC4w/eEsR7qE6e5g/s320/06.png\" width\u003d\"278\" /\u003e\u003c/a\u003e\u003c/div\u003eズームしたり、モノクロになったり、上にずれたり、小さくなったりと、画像ホバー効果がいっぱい。\u003cbr /\u003e\nカテゴリページは、画像と記事の抜粋が2列で表示される。\u003cbr /\u003e\nサイドバーに300×250の広告を設置できる。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"http://blogtemplate4u.com/2014/11/olive-magazine-blogger-template/\" rel\u003d\"nofollow\" target\u003d\"_blank\"\u003eOlive\u003c/a\u003e\u003cbr /\u003e\n\u003ch3\u003eRevoli\u003c/h3\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-zyE7Zz7x8Zo/VmE5xMylR9I/AAAAAAAAC44/5HUWMo1_J9I/s1600/07.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"320\" src\u003d\"http://4.bp.blogspot.com/-zyE7Zz7x8Zo/VmE5xMylR9I/AAAAAAAAC44/5HUWMo1_J9I/s320/07.png\" width\u003d\"295\" /\u003e\u003c/a\u003e\u003c/div\u003eトップページ上部のスライダー（スライドショー）が印象的なテンプレート。カテゴリ別の記事画像にマウスオーバーすると、ねじれながらズームする。\u003cbr /\u003e\nカテゴリページは、画像と記事の抜粋が3列で表示される。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"http://blogtemplate4u.com/2014/08/revoli-magazine-blogger-template/\" rel\u003d\"nofollow\" target\u003d\"_blank\"\u003eRevoli\u003c/a\u003e\u003cbr /\u003e\n\u003ch3\u003eMinimalia\u003c/h3\u003e\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://4.bp.blogspot.com/-TwDf8lv9KxI/VmE6IsQxC8I/AAAAAAAAC5A/4eIeqYdhTmc/s1600/08.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"312\" src\u003d\"http://4.bp.blogspot.com/-TwDf8lv9KxI/VmE6IsQxC8I/AAAAAAAAC5A/4eIeqYdhTmc/s320/08.png\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003eトップページ上部の画像にマウスオーバーするとゆっくりズームする。記事タイトルにマウスをのせるとカテゴリーごとの色に変化する。\u003cbr /\u003e\nカテゴリ別のページは更新順に1列で表示される。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"http://blogtemplate4u.com/2014/06/minimalia-multi-layout-blogger-template/\" rel\u003d\"nofollow\" target\u003d\"_blank\"\u003eMinimalia\u003c/a\u003e\u003cbr /\u003e\n\u003ch2\u003eまとめ\u003c/h2\u003eトップページ上部にスライドショーを搭載したテンプレートが多い。また、ほとんどのテンプレートで何らかの画像ホバー効果があった。\u003cbr /\u003e\n\u003cbr /\u003e\nここで紹介したテンプレートはすべてレスポンシブデザイン対応となっている。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"http://www.memorou.com/2014/09/bloggerlinezap.html\"\u003eBlogger無料レスポンシブテンプレートのLinezapをカスタマイズ\u003c/a\u003e"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/7436532436588168986"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/7436532436588168986"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2015/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://2.bp.blogspot.com/-_NUdnZjj3eg/VmTubqqVjwI/AAAAAAAAC5Q/bVkwsVwSb_o/s72-c/00.png","height":"72","width":"72"}}]}});