// 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\/-\/%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8?alt=json-in-script\u0026max-results=9999"},{"rel":"alternate","type":"text/html","href":"https:\/\/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":"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":"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='more'\u003E\u003C\/a\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003C\/div\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-_NUdnZjj3eg\/VmTubqqVjwI\/AAAAAAAAC5Q\/bVkwsVwSb_o\/s1600\/00.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"176\" src=\"http:\/\/2.bp.blogspot.com\/-_NUdnZjj3eg\/VmTubqqVjwI\/AAAAAAAAC5Q\/bVkwsVwSb_o\/s320\/00.png\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Cspan id=\"goog_1817077652\"\u003E\u003C\/span\u003E\u003Cspan id=\"goog_1817077653\"\u003E\u003C\/span\u003Eテンプレートの変更方法は「\u003Ca href=\"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=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-ndwgpz0CUzA\/VmE3IJm8RzI\/AAAAAAAAC4Q\/iaJu3fRFKV0\/s1600\/02.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"320\" src=\"http:\/\/1.bp.blogspot.com\/-ndwgpz0CUzA\/VmE3IJm8RzI\/AAAAAAAAC4Q\/iaJu3fRFKV0\/s320\/02.png\" width=\"305\" \/\u003E\u003C\/a\u003E\u003C\/div\u003Eトップページ上部の大きなスライダー（スライドショー）が目を引くテンプレート。最上部にはニュース速報が流れる。\u003Cbr \/\u003E\n記事下とサイドバーにSNSボタンを完備。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ca href=\"http:\/\/blogtemplate4u.com\/2014\/08\/bright-magazine-blogger-template\/\" rel=\"nofollow\" target=\"_blank\"\u003EBright Mag\u003C\/a\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EViewer \u003C\/h3\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/3.bp.blogspot.com\/-ab0wkICT8nA\/VmE3whrRkqI\/AAAAAAAAC4Y\/mhqFWp-M_EE\/s1600\/03.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"320\" src=\"http:\/\/3.bp.blogspot.com\/-ab0wkICT8nA\/VmE3whrRkqI\/AAAAAAAAC4Y\/mhqFWp-M_EE\/s320\/03.png\" width=\"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=\"http:\/\/blogtemplate4u.com\/2015\/09\/viewer-magazine-blogger-template\/\" rel=\"nofollow\" target=\"_blank\"\u003EViewer\u003C\/a\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EGaps\u003C\/h3\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-E-QWUSV9DQI\/VmE4P23hAuI\/AAAAAAAAC4g\/v8jtQLQMJSg\/s1600\/04.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"315\" src=\"http:\/\/1.bp.blogspot.com\/-E-QWUSV9DQI\/VmE4P23hAuI\/AAAAAAAAC4g\/v8jtQLQMJSg\/s320\/04.png\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003Eトップページの画像にマウスオーバーすると絶妙にズームする。最上部にはニュース速報が流れます。\u003Cbr \/\u003E\nタブ付きウィジェットにより、サイドバーをスッキリさせられる。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ca href=\"http:\/\/blogtemplate4u.com\/2014\/07\/gaps-magazine-blogger-template\/\" rel=\"nofollow\" target=\"_blank\"\u003EGaps\u003C\/a\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EAres\u003C\/h3\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/1.bp.blogspot.com\/-a495LfMPbDI\/VmE43NrDxqI\/AAAAAAAAC4o\/MYgpp0p6azU\/s1600\/05.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"320\" src=\"http:\/\/1.bp.blogspot.com\/-a495LfMPbDI\/VmE43NrDxqI\/AAAAAAAAC4o\/MYgpp0p6azU\/s320\/05.png\" width=\"279\" \/\u003E\u003C\/a\u003E\u003C\/div\u003Eトップページのスライダー、右上のSNSボタンや検索ボックスにマウスを乗せてみてほしい。マウスオーバーしたときの動きがかっこいい。\u003Cbr \/\u003E\nタイトル横には728×90の広告を設置可能。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ca href=\"http:\/\/blogtemplate4u.com\/2014\/07\/ares-magazine-blogger-template\/\" rel=\"nofollow\" target=\"_blank\"\u003EAres\u003C\/a\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EOlive\u003C\/h3\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/2.bp.blogspot.com\/-D9uNu7NJZZA\/VmE5Vtafk_I\/AAAAAAAAC4w\/eEsR7qE6e5g\/s1600\/06.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"320\" src=\"http:\/\/2.bp.blogspot.com\/-D9uNu7NJZZA\/VmE5Vtafk_I\/AAAAAAAAC4w\/eEsR7qE6e5g\/s320\/06.png\" width=\"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=\"http:\/\/blogtemplate4u.com\/2014\/11\/olive-magazine-blogger-template\/\" rel=\"nofollow\" target=\"_blank\"\u003EOlive\u003C\/a\u003E\u003Cbr \/\u003E\n\u003Ch3\u003ERevoli\u003C\/h3\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-zyE7Zz7x8Zo\/VmE5xMylR9I\/AAAAAAAAC44\/5HUWMo1_J9I\/s1600\/07.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"320\" src=\"http:\/\/4.bp.blogspot.com\/-zyE7Zz7x8Zo\/VmE5xMylR9I\/AAAAAAAAC44\/5HUWMo1_J9I\/s320\/07.png\" width=\"295\" \/\u003E\u003C\/a\u003E\u003C\/div\u003Eトップページ上部のスライダー（スライドショー）が印象的なテンプレート。カテゴリ別の記事画像にマウスオーバーすると、ねじれながらズームする。\u003Cbr \/\u003E\nカテゴリページは、画像と記事の抜粋が3列で表示される。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ca href=\"http:\/\/blogtemplate4u.com\/2014\/08\/revoli-magazine-blogger-template\/\" rel=\"nofollow\" target=\"_blank\"\u003ERevoli\u003C\/a\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EMinimalia\u003C\/h3\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"http:\/\/4.bp.blogspot.com\/-TwDf8lv9KxI\/VmE6IsQxC8I\/AAAAAAAAC5A\/4eIeqYdhTmc\/s1600\/08.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" height=\"312\" src=\"http:\/\/4.bp.blogspot.com\/-TwDf8lv9KxI\/VmE6IsQxC8I\/AAAAAAAAC5A\/4eIeqYdhTmc\/s320\/08.png\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003Eトップページ上部の画像にマウスオーバーするとゆっくりズームする。記事タイトルにマウスをのせるとカテゴリーごとの色に変化する。\u003Cbr \/\u003E\nカテゴリ別のページは更新順に1列で表示される。\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ca href=\"http:\/\/blogtemplate4u.com\/2014\/06\/minimalia-multi-layout-blogger-template\/\" rel=\"nofollow\" target=\"_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=\"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":"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\/-_NUdnZjj3eg\/VmTubqqVjwI\/AAAAAAAAC5Q\/bVkwsVwSb_o\/s72-c\/00.png","height":"72","width":"72"}}]}});