// API callback
RelatedPosts.add({"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-5377390612546612653"},"updated":{"$t":"2023-12-17T11:45:11.926+09:00"},"category":[{"term":"Blogger"},{"term":"#カスタマイズ"},{"term":"写真"},{"term":"雑記"},{"term":"音楽"},{"term":"#月"},{"term":"#QooQ"},{"term":"#Big Big Train"},{"term":"#F-light"},{"term":"#SNS"},{"term":"PC"},{"term":"#夕焼け"},{"term":"#満月"},{"term":"#桜"},{"term":"#Contempo"},{"term":"#小松未歩"},{"term":"#玲里"},{"term":"#Blogger画像"},{"term":"#ブラウザ"},{"term":"#難波弘之"},{"term":"#Genesis"},{"term":"#コメント欄"},{"term":"#梅"},{"term":"#Tiger Moth Tales"},{"term":"#リアクションツール"},{"term":"#紫陽花"},{"term":"#よしひろあさこ"},{"term":"#オフコース"},{"term":"#コンビナート"},{"term":"#亀山城"},{"term":"#月食"},{"term":"#竹仲絵里"},{"term":"#紅葉"},{"term":"#REBECCA"},{"term":"#Tricktree"},{"term":"#花しょうぶ"},{"term":"#鳥"},{"term":"#IZZ"},{"term":"#Jazznesis"},{"term":"#Martin Levac"},{"term":"#THE ALFEE"},{"term":"#ひまわり"},{"term":"#ボカロ"},{"term":"#世良公則"},{"term":"#石山ゑり"},{"term":"#船越由佳"},{"term":"#虹"},{"term":"#遊佐未森"},{"term":"#飯島真理"}],"title":{"type":"text","$t":"ふじろじっく"},"subtitle":{"type":"html","$t":"とあるブロガラーの取るに足らないブログ"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/posts\/summary"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/summary\/-\/Blogger?alt=json\u0026max-results=100"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/search\/label\/Blogger"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"93"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"100"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-976067137198407509"},"published":{"$t":"2023-12-11T01:36:00.000+09:00"},"updated":{"$t":"2023-12-11T01:36:41.380+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【F-light】v1.35 で実装した「投稿者プロフィール」に関して"},"summary":{"type":"text","$t":"\n昨日、F-light v1.35 をリリースしました。\n今回のアップデートで実装した「投稿者プロフィール」ウィジェットに関して記しておきます。\n「投稿者プロフィール」ウィジェットとは\n当ブログではもう1ヶ月以上前から導入していたのでお気づきだとは思いますが、「投稿者プロフィール」ウィジェットとは、記事下部の SNS ボタンとラベルの間にあるこういうやつ。\n\n公式テーマにはデフォルトで付いている機能です。\nユーザープロフィール編集で設定したプロフ画像や表示名や自己紹介文等のユーザー情報がここに反映されます。複数ユーザーで運営している場合は、記事投稿者のプロフィールのみが自動的に表示されます。\n海外製テーマでは定番だけど…\nJetTheme 等の海外製テーマではよく見かける定番の機能ですよね？\nただ私の知る限りですが、日本の JetTheme ユーザーはこれをオフにしてる人が多いようで、"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/976067137198407509\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/12\/author-profile-widget.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/976067137198407509"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/976067137198407509"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/12\/author-profile-widget.html","title":"【F-light】v1.35 で実装した「投稿者プロフィール」に関して"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/lh3.googleusercontent.com\/-qLrJwJ-FIuI\/ZXXmIErVh0I\/AAAAAAAAakQ\/ZHDs0T-ysqMtvQcN3ZnB--ajlcNaF70gQCNcBGAsYHQ\/s72-c\/author-profile.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-7294493861833435769"},"published":{"$t":"2023-10-24T23:11:00.011+09:00"},"updated":{"$t":"2023-10-28T23:36:15.833+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Contempo"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"目次に戻るボタンを付ける"},"summary":{"type":"text","$t":"\n先日から当ブログの右下に追加したとあるボタン。\n押すと目次の位置にスクロールするというだけの単純な機能のボタンです。目次のないページではボタンは表示されません。\n他のブログ(特に Blogger 以外)で結構この機能のボタンを見かけるので需要はありそう？というわけで今回はこのボタンの設置方法を紹介したいと思います。\n当初は F-light カスタマイズ集のネタの一つにするつもりでしたが、F-light 以外のテーマでも機能する(QooQ、Contempo でテスト済み)ようなので、単独の記事にしました。尚、F-light の次回アップデートでは正式機能として実装予定です。\nIB-Note 製の目次限定\n今回紹介する「目次に戻るボタン」は IB-Note 製の自動目次ウィジェット専用です。スケ郎さん作のものやその他の目次では機能しませんのでご注意下さい。\nIB-Note【全見出しタグ対応"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/7294493861833435769\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/10\/Back-to-TOC-button.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7294493861833435769"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7294493861833435769"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/10\/Back-to-TOC-button.html","title":"目次に戻るボタンを付ける"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/lh3.googleusercontent.com\/-qPSWQvl7_qw\/ZTfLQ3CZnoI\/AAAAAAAAadc\/APEECszSBIswwZ8f48I6jCCoHKRw_CtygCNcBGAsYHQ\/s72-c-e365-rw\/Back-to-TOC.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-5269944489081505547"},"published":{"$t":"2023-10-07T23:08:00.004+09:00"},"updated":{"$t":"2023-10-29T21:42:15.375+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【F-light】記事一覧ページの上部にページ番号を表示させる"},"summary":{"type":"text","$t":"\n当ブログ（F-light）で導入している番号ページネーションには、元々左側に閲覧中のページ番号を表示する機能があったのですが、無駄だと思ったので外してしまっていました。番号ボタンを見れば全体のページ数も見ているページの番号もわかりますからね。\n\n上部に置いたら UX 向上？\n昨日、とあるブログ（Blogger ではなく FC2）を覗いてみたら、ページ上部に現在のページ番号表示があるのを発見。あ、これはいいかも！と思い早速試してみたら思った以上に良さげな感じ。UX も向上するんじゃないかと思いますがどうでしょう？\nトップページ(3ページ目)\nトップページ(1ページ目)では非表示\nラベルページ\nというわけで早速カスタマイズ手順を紹介しましょう。\n※今回のカスタマイズは F-light 向けです。同じページネーションを導入済みの他のテーマでのやり方が知りたいという方はコメントでご相談下さい。"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/5269944489081505547\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/10\/display-current-page-number-on-pagetop.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5269944489081505547"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5269944489081505547"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/10\/display-current-page-number-on-pagetop.html","title":"【F-light】記事一覧ページの上部にページ番号を表示させる"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/lh3.googleusercontent.com\/-SSZGKMcF5UY\/ZSFaPB2eJAI\/AAAAAAAAaYM\/n1Vo5u3YZwY7DJ-1Q_7c99HOhAq5MD7UwCNcBGAsYHQ\/s72-c-e365-rw\/F-light-page-number.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-1406943658604958192"},"published":{"$t":"2023-10-01T13:52:00.059+09:00"},"updated":{"$t":"2023-10-26T18:47:19.868+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Blogger画像"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】お手軽に記事内画像をズーム表示出来る JavaScript"},"summary":{"type":"text","$t":"\n\n当ブログでは、b:js='false'で Blogger 標準 JavaScript はオフにしてある上に、全ての画像 HTML からaタグも外してしまっていたため、長い間ライトボックス表示ができない状態でした。(ライトボックス表示させるには a タグが必要)\nカスタマイズ記事のスクショなどはまあ別にいいとしても、写真記事の画像はその場で手軽に拡大して見てもらいたいよなあ、とはずっと思っていました。\n2ヶ月ほど前、BINUBALL さんのブログで Smooth Zoom という、手軽に拡大表示ができる軽量な JavaScript ライブラリが導入されていたのを思い出し、試しに取り入れてみた所、思った以上にいい感じに。(拡大可能になってることに気づいてた方はいましたか？ 試しに過去記事の写真をタップしてみてね)\n記事化しようと思ったけど\n当ブログでこの JS を紹介したかったのですが、"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/1406943658604958192\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/10\/Smooth-Zoom-JavaScript.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1406943658604958192"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1406943658604958192"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/10\/Smooth-Zoom-JavaScript.html","title":"【Blogger】お手軽に記事内画像をズーム表示出来る JavaScript"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/lh3.googleusercontent.com\/-lz9da7q25HI\/ZRjxx7efhSI\/AAAAAAAAaVI\/CBHceQNADLI1I6osQ1AIWrhUWNqChF-jwCNcBGAsYHQ\/s72-c\/smooth-zoom.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-2203211050767157862"},"published":{"$t":"2023-09-18T18:04:00.017+09:00"},"updated":{"$t":"2023-10-19T18:24:12.655+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Blogger画像"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】画像の遅延読み込みに関する新機能が追加されました"},"summary":{"type":"text","$t":"\n昨日、Blogger 設定ページで新機能が追加されているのに気づきました。\n\nこの「画像の遅延読み込み」機能を有効にすると、記事内の画像の\u0026lt;img\u0026gt;タグに自動的にloading=\u0026quot;lazy\u0026quot;属性が追加されるようです。\nちなみに loading=\u0026quot;lazy\u0026quot; (ネイティブ Lazyload) に関して、ここでは解説は省きますが、こちらの記事に関連情報を書いていますのでご参考にどうぞ。\nふじろじっくネイティブ Lazyload を導入してみた画像遅延読み込みでページの表示速度改善！https:\/\/fujilogic.blogspot.com\/2020\/06\/Native-Lazyload.html\n実際に試してみた\n記事編集で今までと同様に画像を追加してみると、生成されたコードの img タグには loading=\u0026quot;lazy\u0026"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/2203211050767157862\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/09\/Blogger-auto-insert-loading-lazy-attribute.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/2203211050767157862"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/2203211050767157862"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/09\/Blogger-auto-insert-loading-lazy-attribute.html","title":"【Blogger】画像の遅延読み込みに関する新機能が追加されました"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/lh3.googleusercontent.com\/-UJ70gX1zExI\/ZQgmIIshUtI\/AAAAAAAAaSw\/IAV3m_NiF_MJ2jClObUjfEaSJ83CEStKACNcBGAsYHQ\/s72-c-e365-rw\/auto-lazy-load.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-5720811620000627526"},"published":{"$t":"2023-09-02T17:57:00.014+09:00"},"updated":{"$t":"2023-10-01T23:14:22.622+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"ランダムポスト表示ボタンを置いてみました"},"summary":{"type":"text","$t":"\nサイドバー(個別ページではフッター)に「ランダムポスト表示ボタン」というウィジェットを試しに置いてみました。\nボタンを押す度にランダムで選択された記事に飛ぶというもの。押してみるまでどの記事に飛ぶのかはわかりません。なのでボタンの名前は「何が出るかな？」にしています(笑)\nウィジェットについて\nこのウィジェット、もちろん自作ではありません。Japanese Bloggers Info でたまたま覗いてみたブログ(どこだったか忘れた)に置いてあるのを見て、良さげだったのでソースコードから拝借してみたのですが、調べてみたらどうやらここで紹介されているウィジェットらしいです。\nBlogger Widget GeneratorsRandom Posts Displaying Button for Bloggerhow to add a random posts displaying "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/5720811620000627526\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/09\/random-post-view-button.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5720811620000627526"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5720811620000627526"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/09\/random-post-view-button.html","title":"ランダムポスト表示ボタンを置いてみました"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/lh3.googleusercontent.com\/-5BMhxZHKNKE\/ZPL0odkpTMI\/AAAAAAAAaOg\/mIDUMd8Lig8xfdVzg0AyFrphbQwQHNi3gCNcBGAsYHQ\/s72-c\/random-post-button.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-637067940763553484"},"published":{"$t":"2023-06-14T16:38:00.018+09:00"},"updated":{"$t":"2023-09-06T16:30:47.420+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【F-light】テーマデザイナーを利用する方法"},"summary":{"type":"text","$t":"\nBlogger には手軽にデザイン(色、サイズなど)をカスタマイズできるテーマデザイナーという機能があります。\nほとんどのサードパーティ製テーマにも導入されていますが、個人的にあまり必要性を感じていなかったため、F-light にはテーマデザイナー機能は搭載していませんでした。カスタムプロパティを導入しているので、テーマ編集で１箇所カラーコードを書き換えるだけで全体の配色に反映させられますからね。\nとは言え、視覚的に操作できるなど便利な機能ではあるので需要はあるかも？というわけで、今回は F-light にテーマデザイナー機能を実装する手順及び使い方を紹介したいと思います。\nテーマデザイナーの実装手順\nHTML を編集しますので、念のために予めテーマのバックアップを取ってから作業を行って下さい。\n変更箇所①\nHTML 編集にて\u0026lt;b:if cond=\u0026apos;false\u0026apos"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/637067940763553484\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/06\/F-light-theme-designer.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/637067940763553484"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/637067940763553484"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/06\/F-light-theme-designer.html","title":"【F-light】テーマデザイナーを利用する方法"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/lh3.googleusercontent.com\/-o2Zj886MsDg\/ZIiIsHyRWLI\/AAAAAAAAZ_Y\/e5aGYgoweRQVbuTLaGevXzqepoJ10B3awCNcBGAsYHQ\/s72-c-e365-rw\/F-light-theme-designer.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8143846049600478700"},"published":{"$t":"2023-06-08T22:30:00.011+09:00"},"updated":{"$t":"2023-09-06T16:30:47.430+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#リアクションツール"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"いいねボタンを導入しました"},"summary":{"type":"text","$t":"\nリアクションツールをはてなスターから別のものに変えました。\n今回導入したのは sui-gocha! さん作のいいねボタン。\nsui-gocha!【Blogger】いいねボタンを Google フォームを改造して作る以前、このブログで 【Blogger】リアクションウィジェットを Google フォームを改造して作る という記事を書いた。  上の記事のあとがきにも書いているけれど、そもそもリアクションは「いいね！」だけでもいいんじゃないかと思った。  そこで、いいねボタンを Google フ...https:\/\/sui-gocha.blogspot.com\/2023\/04\/blogger-like-button-google-forms.html\nSNS シェアボタンの Pocket と入れ替えました(一番左にある赤いボタンです)。はてなスターと併用ということも出来ましたけど、全然押され"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8143846049600478700\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/06\/added-like-button.html#comment-form","title":"8 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8143846049600478700"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8143846049600478700"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/06\/added-like-button.html","title":"いいねボタンを導入しました"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/lh3.googleusercontent.com\/-hiJR8oXi9V8\/ZIHKsHmNoQI\/AAAAAAAAZ-4\/RvEo4ka-I0QdnICEsDg_QP8lpps5ptYCwCNcBGAsYHQ\/s72-c-e365-rw\/like-button.png","height":"72","width":"72"},"thr$total":{"$t":"8"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8664958406549230250"},"published":{"$t":"2023-05-01T00:05:00.038+09:00"},"updated":{"$t":"2023-09-06T16:30:47.431+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】カレンダーウィジェット"},"summary":{"type":"text","$t":"\n先日からサイトマップページに、こちらの p--q さん作の Blogger 専用カレンダーウィジェットを試しに置いてみています。\np--qBlogger:カレンダー(12)Calendar5_Bloggerモジュールの導入Calendar4_Bloggerモジュールコードが読みにくかったので整理しました。ついでにアイテムページを開いた時に、その投稿の日付の投稿リストを展開して、アイテムページに表示している投稿をハイライトするようにしました。    https:\/\/p--q.blogspot.com\/2017\/03\/blogger12calendar5blogger.html\n再導入した訳\nこのカレンダーウィジェット、今回初めての導入ではなく、私が Blogger に来た2017年にサイドバーウィジェットとして使ったことがあるですが、次第に不要(邪魔？)に感じてきたもんで、結局数ヶ月"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8664958406549230250\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/05\/blogger-calendar-widget.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8664958406549230250"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8664958406549230250"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/05\/blogger-calendar-widget.html","title":"【Blogger】カレンダーウィジェット"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/lh3.googleusercontent.com\/-bXUUwDUk1do\/ZE1bB5IMIKI\/AAAAAAAAZ1s\/4r-S6hItzcIyKrcKx0WoXJwfApEmbitIACNcBGAsYHQ\/s72-c-e365-rw\/blogger-calendar.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-1036822406188168777"},"published":{"$t":"2023-03-19T17:55:00.014+09:00"},"updated":{"$t":"2023-09-06T16:30:47.420+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【F-light】おすすめブログカード作成ブックマークレットの紹介"},"summary":{"type":"text","$t":"\nF-light ユーザーでブログカードを導入されている方をよく見かけますが、ダークモード対応がちゃんとされていないのが少し気になっていました。やっぱりモード切替に連動してカードの明暗デザインも切り替わった方がいいですよね？\nちょうど先日すたすた式さんがいい感じのブログカード作成ブックマークレットを公開されていましたので、今回はこちらのブックマークレットと F-light に最適化した CSS コードを紹介したいと思います。\nすたすた式ブログカード（カード型リンク）を作成するブックマークレット以前使用していたブックマークレットが動かなくなったので作ってみました。ブックマークレットのクリックでクリップボードにコピーするバージョンも作りました。https:\/\/sutasutashiki.blogspot.com\/2023\/03\/"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/1036822406188168777\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/03\/Blogcard-Bookmarklet-for-F-light.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1036822406188168777"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1036822406188168777"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/03\/Blogcard-Bookmarklet-for-F-light.html","title":"【F-light】おすすめブログカード作成ブックマークレットの紹介"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-Gi3ShCUb9LY\/ZBcmC0Qa4xI\/AAAAAAAAZh8\/XoWLgT4roYsqngw0wFwfBxSs1RUn0zW1QCNcBGAsYHQ\/s72-c-e365-rw\/BlogCrdBookmarklet.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3310983999072138882"},"published":{"$t":"2023-03-04T04:48:00.001+09:00"},"updated":{"$t":"2023-09-06T16:30:47.423+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【F-light】ヘッダー画像のボヤけを改善する"},"summary":{"type":"text","$t":"\n拙作テーマ F-light を久しぶりにアップデートしました。\n変更修正した箇所の内、前から一番気になっていたヘッダー画像のボヤけ問題に関する詳細を記事に残しておきます。\n今回の変更でどのように変化するか\nヘッダー画像の配置を「タイトルと説明の代わり」にした場合の例です。\nこちらの画像(2000×667px)で比較テストします。\n\nビフォー\nスクショだと分かりづらいかもしれませんが、少しボヤけています。これはリサイズ処理後のパラメータが w800 までしか対応しておらず、実サイズの幅を 800px に縮小された上に画面幅いっぱいで表示させられているためです。\n\nアフター\nパラメータが w1600 まで適用可能になり最大 1600px まで表示可能になるため、くっきり表示に改善されました。(w1600 以上は非対応)\n\nちなみに小さい画像でもサイズによっては大きめに表示されてしまいボヤ"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3310983999072138882\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/03\/fix-header-image-blur-issue.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3310983999072138882"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3310983999072138882"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/03\/fix-header-image-blur-issue.html","title":"【F-light】ヘッダー画像のボヤけを改善する"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-oNhrKhssEsQ\/ZAJIO0hZbEI\/AAAAAAAAZcM\/apSidsDVJOEPBqSSTs_KXZlz1QsH9zdFACNcBGAsYHQ\/s72-c-e365-rw\/fix-blur-image.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-4227355070716673660"},"published":{"$t":"2023-01-01T00:23:00.027+09:00"},"updated":{"$t":"2023-09-28T15:22:35.101+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#コメント欄"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】JavaScript でコメント内の外部リンクを別タブで開くようにする"},"summary":{"type":"text","$t":"\nBlogger のコメントにはリンクを張るためのaタグが使えますが、新しいタブで開かせるためのtarget=\u0026quot;_blank\u0026quot;属性は使えません。せめて外部リンクだけは別タブで開くようにしたいところ。\nJavaScript を使えば出来るのでは？と調べてみたら最適なコードが見つかりました。\nDUB DESiGNJavaScriptの.match()で外部リンクのaタグにtarget=\u0026quot;_blank\u0026quot;とrel属性を付与以前作成した a タグに target=\u0026quot;_blank\u0026quot;とrel属性を付与するスニペットに、「外部リンクの時だけ」という条件をつけたスニペットを作りました。 https:\/\/dubdesign.net\/javascript\/matchlink-targetblank\/\nという訳で、Blogger で適用出来るように"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/4227355070716673660\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/01\/comment-external-link-open-in-new-tab.html#comment-form","title":"4 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4227355070716673660"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4227355070716673660"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2023\/01\/comment-external-link-open-in-new-tab.html","title":"【Blogger】JavaScript でコメント内の外部リンクを別タブで開くようにする"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-ZDNAnax6jYA\/Y6_pXQbJ2lI\/AAAAAAAAZB8\/nmrb5bTzcb0e9Eyh7IDjn7vruLI_zYv0QCNcBGAsYHQ\/s72-c-e365-rw\/comment-external-link-new-tab.png","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8498264069571849941"},"published":{"$t":"2022-12-25T19:30:00.061+09:00"},"updated":{"$t":"2023-10-28T16:50:53.443+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【F-light】カードレイアウト化する"},"summary":{"type":"text","$t":"\n昨日コメントで F-light をカードレイアウトにする方法が知りたいというリクエストを頂き、試しにカスタマイズしてみたところ中々いい感じに出来ました。(コメントではブロック表示と書かれてたけど、カードレイアウトで合ってるよね？)\nカードレイアウトというのは、トップページの記事一覧が、例えば公式テーマの Emporio や QooQ の通常版のような感じで、各記事のカードがグリッドスタイルでレイアウトされているものです。ちなみに当ブログも元々 QooQ の通常版を使っていたので、2年ほど前まではカードレイアウトでした。(→ Internet Archive)\n今回 F-light では、PC やタブレットでは記事一覧は横2列で、最上部の注目の投稿がメイン幅いっぱいの大きなカードになる Emporio に近いレイアウトにしてみました。ついでに関連記事もカードレイアウトにしてあります。"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8498264069571849941\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/12\/F-light-Card-Layout.html#comment-form","title":"5 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8498264069571849941"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8498264069571849941"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/12\/F-light-Card-Layout.html","title":"【F-light】カードレイアウト化する"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-PUlazkZ8aAs\/Y6ggFGULp3I\/AAAAAAAAY_4\/Lvl2aktYE3YCb6Gi6pTG4HFWEvOYCK4PgCNcBGAsYHQ\/s72-c-e365-rw\/F-light-Card-Layout.png","height":"72","width":"72"},"thr$total":{"$t":"5"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-1056547186494719204"},"published":{"$t":"2022-12-18T00:23:00.014+09:00"},"updated":{"$t":"2023-09-06T16:30:47.420+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#リアクションツール"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【F-light】はてなスターボタンを付けてみた"},"summary":{"type":"text","$t":"\n昔 Contempo を使ってた頃に「はてなスター」ボタンを付けていました。\nふじろじっく【Contempo他】Bloggerにはてなスターを付ける今回のカスタマイズは Contempo 等の公式新テーマ(Emporio を除く)限定です。https:\/\/fujilogic.blogspot.com\/2019\/06\/Hatenastar-on-Blogger.html\nその後 QooQ に変えてからはカスタマイズが面倒だったこともあって付けていませんでしたが、昨日ふと、F-light でも使えるのかな？と思い試しに設置してみたところ、問題なく機能しました。\nContempo ではトップページの記事一覧でも表示させてましたが、今回は記事ページのみ。表示位置も記事タイトルの末尾ではなく、SNS シェアボタンの下に置いています。\n\nリアクションボタン的な用途で使ってもらえればと。はてな"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/1056547186494719204\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/12\/Hatena-Star-on-F-light.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1056547186494719204"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1056547186494719204"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/12\/Hatena-Star-on-F-light.html","title":"【F-light】はてなスターボタンを付けてみた"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-So7uFh1g1ho\/Y53M6BxuSAI\/AAAAAAAAY9E\/TYfqZAzTyC4KUw4NWfdsqMh0gdfM4yzGQCNcBGAsYHQ\/s72-c-e365-rw\/F-light-hatenastar.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8690586404733860380"},"published":{"$t":"2022-11-29T10:30:00.009+09:00"},"updated":{"$t":"2023-10-03T16:30:32.336+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【F-light】最近のアップデートでの修正内容の詳細と手動での適用方法"},"summary":{"type":"text","$t":"\n本記事執筆時点での F-light の最新バージョンは11月13日にリリースした 1.27 ですが、まだ旧バージョンを使われている方が散見されます。(中にはアップデートされてることを知らないユーザーもいるのかもしれませんが)\n1.26 と 1.27 は不具合修正の更新なので最新版へのアップデートが推奨なのですが、既にがっつりカスタマイズされた状態だと、テーマ(テンプレート)の上書きでリセットされてしまい、また一からやり直さなきゃならないので躊躇してしまいますよね。\nというわけで、バージョン 1.26 と 1.27 で修正された不具合内容の詳細と、手動で修正対応する手順を説明したいと思います。\nv1.26 で修正した不具合\nトップページ記事一覧のスニペットに含まれる一部のタグ(\u0026lt;b\u0026gt;, \u0026lt;i\u0026gt;, \u0026lt;em\u0026gt;, \u0026lt;div\u0026gt; など)の影響で意図せ"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8690586404733860380\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/11\/how-to-self-fix-F-light-bug.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8690586404733860380"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8690586404733860380"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/11\/how-to-self-fix-F-light-bug.html","title":"【F-light】最近のアップデートでの修正内容の詳細と手動での適用方法"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-zsFfRMCrtH0\/Y4TyyZVXwwI\/AAAAAAAAY4c\/UkRW0_wPFysULGYlHF0ns_isIHNNvcMpgCNcBGAsYHQ\/s72-c-e365-rw\/F-light-self-maintenance.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3626540856061730943"},"published":{"$t":"2022-11-18T20:11:00.004+09:00"},"updated":{"$t":"2023-09-06T16:30:47.424+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【F-light】2つ目の人気の投稿ガジェットも同じデザインにする方法"},"summary":{"type":"text","$t":"\n人気の投稿ガジェットが2つ\n今日たまたまとある F-light ユーザーのブログを見かけたのですが、そのブログでは「人気の投稿」ガジェットが2つありました。F-light はデフォルトで「全期間」に設定されたガジェットが一つ付いていますが、そのブログでは短期間(週間か月間か年間)の集計のものが追加でもう一つ設置されていたということです。\n実はそういう運用方法を想定していなかったため、F-light ではちょっとした問題(と言う程の事でもないのですが)が起こってしまいます。\nF-light の人気の投稿ガジェットは CSS だけでなく HTML のデフォルトのコードもかなり弄っているため、レイアウト画面でガジェットを追加しただけでは2つ目には F-light オリジナルのデザインが反映されないのです。従ってそのとあるブログの2つ目の人気の投稿ガジェットもサムネとタイトルだけの素の状態にな"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3626540856061730943\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/11\/2nd-PopularPosts-gadget-on-F-light.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3626540856061730943"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3626540856061730943"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/11\/2nd-PopularPosts-gadget-on-F-light.html","title":"【F-light】2つ目の人気の投稿ガジェットも同じデザインにする方法"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-_MIjhVWMW7M\/Y3dBcyiK5lI\/AAAAAAAAYzw\/v4GvcoDWtKsBx2P8HXQ8NOVCRM_UX-ELgCNcBGAsYHQ\/s72-c-e365-rw\/F-light-2nd-popularposts.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-1717978059487369320"},"published":{"$t":"2022-10-13T23:05:00.124+09:00"},"updated":{"$t":"2023-11-10T01:56:40.995+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"F-light カスタマイズ集 (随時追加予定)"},"summary":{"type":"text","$t":"\n拙作 Blogger テーマの F-light リリースから2ヶ月。ユーザーは徐々に増えつつはあるもののまだまだ少なく、カスタマイズについて書かれている方もいないようですので、作者おすすめのカスタマイズを紹介したいと思います。\nデモサイトの紹介記事に書かれていない事とか、アップデートで実装するほどでもなかったり、ユーザーによって好みが分かれることなどを。\n注意事項\nHTMLを編集しますので必ず予めバックアップを取ってから行って下さい。\n2023\/8\/30 現在、最新の F-light は v1.31 です。古いバージョンをお使いの方は最新バージョンにアップデートすることをおすすめします。 \n追加の CSS コードを挿入する位置\n特に指定がない場合は\/*==== ユーザー カスタム CSS ====*\/の直下に追記して下さい。\nガジェットや項目を非表示\n一部のガジェットや項目の表示・非"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/1717978059487369320\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/10\/F-light-customize.html#comment-form","title":"18 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1717978059487369320"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1717978059487369320"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/10\/F-light-customize.html","title":"F-light カスタマイズ集 (随時追加予定)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-yvYhV9QG7MU\/Y5LX8uyTdcI\/AAAAAAAAY7U\/cGC6u9dNF48fai8u0ysVbM5RtQUagADzwCNcBGAsYHQ\/s72-c-e365-rw\/F-light-customize.png","height":"72","width":"72"},"thr$total":{"$t":"18"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-4491413909262674035"},"published":{"$t":"2022-09-01T16:04:00.011+09:00"},"updated":{"$t":"2023-09-06T16:30:47.426+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【F-light】人気の投稿ウィジェットを個別ページでも表示させる"},"summary":{"type":"text","$t":"\n人気の投稿は個別ページでこそ必要？\nフッターをスッキリさせたいとか、回遊性とかは気にしないという個人的な理由もあり、個別ページでは「人気の投稿」を非表示にしていて、何の気なしに F-light もデフォルトでそういう仕様にしていました。でも一般的にはトップページはあまり見られない(と思う)ので、むしろ個別ページで「人気の投稿」をアピールしたほうがいいのかもしれませんね。\nというわけで、次回のアップデートでデフォルトで「人気の投稿」を常時表示仕様にする予定ですが、とりあえず現行バージョンで常時表示させる暫定的な方法を書き記しておこうと思います。\nカスタマイズ手順\nHTMLを編集しますので必ず予めバックアップを取ってから行って下さい。もしくはテスト用の環境(別ブログ)を用意してそちらで試されることをおすすめします。\n① タグの変更\n以下のタグを検索で探して、赤文字の部分を削除して下さい。\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/4491413909262674035\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/09\/F-light-display-popularposts-allpage.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4491413909262674035"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4491413909262674035"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/09\/F-light-display-popularposts-allpage.html","title":"【F-light】人気の投稿ウィジェットを個別ページでも表示させる"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-rNsTEDCW5Ms\/YxMvFavmlHI\/AAAAAAAAYcQ\/aos2evaV3VcjWU_GX5P9vhdqeVl-FlkfQCNcBGAsYHQ\/s72-c-e365-rw\/F-light-display-popularposts-allpage.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-5380300290945914219"},"published":{"$t":"2022-08-29T21:17:00.044+09:00"},"updated":{"$t":"2023-09-06T16:30:47.427+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【F-light】カスタム サイトマップ \u0026 最新コメント ウィジェット (ダークモード対応 CSS 付きコード)"},"summary":{"type":"text","$t":"\n当ブログで使用している HTML サイトマップ と 最新コメント ウィジェットの F-light テーマ 用ダークモード(カスタムプロパティ)対応 CSS 付きのコードです。\n以下のコードを固定ページの HTML 編集でコピペするだけですぐにお使いいただけます。\n\nHTML サイトマップ ウィジェット コード\n両ウィジェットとも読み込み中にクルクル回るアニメーションローダー付きです。\n※v1.28 以前と v1.29 以降で CSS が異なります。\nF-light v1.28 以前\n\u0026lt;style\u0026gt;\n:root {\n  --border-color: #e5e5e5;\n}\n:root[data-theme-mode=\u0026quot;dark\u0026quot;] {\n    --border-color: #353535;\n}\n#bp_toc {\n  margin: 0 auto 2em"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/5380300290945914219\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/08\/F-light-customized-widget-code.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5380300290945914219"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5380300290945914219"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/08\/F-light-customized-widget-code.html","title":"【F-light】カスタム サイトマップ \u0026 最新コメント ウィジェット (ダークモード対応 CSS 付きコード)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-3D2KkZkJvF8\/YxMuzslKamI\/AAAAAAAAYcI\/McKOlJC8OPgmqVAql6Yk5AbrjgvGlqW0wCNcBGAsYHQ\/s72-c-e365-rw\/F-light-custom-sitemap-recentcomments.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3249230055469917987"},"published":{"$t":"2022-08-14T19:48:00.037+09:00"},"updated":{"$t":"2023-09-06T16:30:47.423+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】F-light テーマ制作ノート"},"summary":{"type":"text","$t":"\nオリジナルテーマ制作着手から完成までの経緯を記しておきます。自分用のメモですが、どなたかの参考にも…なるかな？\nTwitter での自分のツイートも纏めてありますのでよろしければこちらもどうぞ。\nBlogger テーマ F-light (エフライト) 制作ノート - min.t (ミント)\n着手\n2020年2月頃、Bloggerの空テンプレートを作成する | バグ取りの日々という記事を参考に、真っ更な状態のブランクテーマにブログウィジェットだけ付けて、なんとか記事だけは表示出来る状態にまでできたものの、さてどこから手を付けたらいいのやら…と途方に暮れてしまい、ほとんど弄ることもなく挫折。時々気が向くと弄ってみるものの、ほぼ放置状態で2年以上が過ぎていました。\nQooQ ウィジェットの v2 化\n今年の5月頃に、v1 の QooQ のウィジェット(ラベルなど)のウィジェットタグを書き換え"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3249230055469917987\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/08\/F-light-production-notes.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3249230055469917987"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3249230055469917987"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/08\/F-light-production-notes.html","title":"【Blogger】F-light テーマ制作ノート"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-gV7wLwpTaus\/ZF-53Nk3RLI\/AAAAAAAAZ5M\/A92oPAWFr3MKJqmoeD4VzI9UA6IsFjIUgCNcBGAsYHQ\/s72-c-e365-rw\/F-light-production-notes.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-6484041663347639302"},"published":{"$t":"2022-08-10T21:14:00.015+09:00"},"updated":{"$t":"2023-09-06T16:30:47.428+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#F-light"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】オリジナルテーマを作成しました"},"summary":{"type":"text","$t":"\n2年ほど前からこっそりとオリジナルテーマ作りに取り組んできたのですが、この度ついに完成しました！\n…といっても実は、取り組み始めて早々に挫折して2年近く放置(笑)していたものの、最近になって再びエンジンが掛かり、ここ2週間ほどで一気に仕上げたというのが実際のところです(^^;\nテーマ作成のきっかけと経緯\nなぜ2年もやる気が出なかったのに突如エンジンが掛かって再開しようと思ったのかというと、すでに公開していた Tricktree FB というリンクリスト用のテンプレートに固定ページ機能を追加するバージョンアップ作業で、思いの外すんなり出来たことで自信がついて、やる気スイッチが入ったというわけです。\nBlogger のテーマ(テンプレート)のウィジェットには旧バージョンの 1 と新バージョンの 2 があるのですが、v1 に関しては QooQ のカスタマイズで慣れているものの、v2 に関して"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/6484041663347639302\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/08\/F-light-theme.html#comment-form","title":"22 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/6484041663347639302"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/6484041663347639302"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/08\/F-light-theme.html","title":"【Blogger】オリジナルテーマを作成しました"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-P0f8L9fGsXg\/ZF-slAzEdwI\/AAAAAAAAZ48\/ZPQ1SnC0ORQUSmnEvt41658bQ5BYJZBawCNcBGAsYHQ\/s72-c-e365-rw\/ogimage.png","height":"72","width":"72"},"thr$total":{"$t":"22"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3957648396263436806"},"published":{"$t":"2022-07-20T20:52:00.003+09:00"},"updated":{"$t":"2023-09-06T16:30:47.424+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"トップページを2カラムに戻しました"},"summary":{"type":"text","$t":"\nリモスキさんの真似です(笑)\n当ブログは既に1カラム化はしていましたが、トップページ(記事一覧ページ)だけ2カラムに戻した形になります。\nリモスキブログを１カラムに変更した理由と、変更した結果（直帰率・平均ページ滞在時間） | リモスキブログのレイアウトを２カラムから１カラムに変更しました。この記事ではレイアウトの変更理由と、その結果直帰率がどうなったかなどを紹介したいと思います。https:\/\/www.limosuki.com\/2022\/07\/blog-columns-2to1.html\n変えた理由\nうちの場合、ユーザーの回遊性とかは別に考慮していません(笑) 基本的に自分ファーストというスタンスですので、自分好みのレイアウトを追求したい。ただそれだけです！\nトップページのメインカラムは別に中央になくてもいいですし、1カラムだと記事リストのサイズが無駄に大きくなるので、程よいサイズ"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3957648396263436806\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/07\/toppage-back-to-2column.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3957648396263436806"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3957648396263436806"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/07\/toppage-back-to-2column.html","title":"トップページを2カラムに戻しました"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-u40iqQC_GtQ\/YtbN2EbqeuI\/AAAAAAAAYFM\/Sh7gi8FiifU0CoycjD0NqJemq7dpcuKhACNcBGAsYHQ\/s72-c-e365-rw\/toppage2column.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3078902616403268859"},"published":{"$t":"2022-07-06T21:32:00.048+09:00"},"updated":{"$t":"2023-09-06T16:30:47.423+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Tricktree"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"Tricktree FB カスタマイズ集 (随時追加予定)"},"summary":{"type":"text","$t":"\nTricktree FB テンプレートのカスタマイズについて纏めます。基本的に初心者向けです。\n相変わらずユーザーが少ないようで、あまり需要はないかもしれませんが、自己満で書きます(笑)\nリクエストやご質問を頂ければ(難題でない限りは)随時追記していくつもりです。また、いいカスタマイズのアイデアを教えて頂ければ紹介させていただきます。\nテーマ編集の前に XML のバックアップを取っておきましょう！\nリンクを新しいタブで開くようにする\n以下のコード(バージョンによってコードが異なります)を検索で探し、target='_blank' を追加します。全てのリンクが新しいタブで開くようになります。\nv3.2 以前\n\u0026lt;a class=\u0026apos;links\u0026apos; expr:href=\u0026apos;data:link.target\u0026apos;\u0026gt;\u0026lt;data:link.name\/"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3078902616403268859\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/07\/Tricktree-FB-customize-list.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3078902616403268859"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3078902616403268859"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/07\/Tricktree-FB-customize-list.html","title":"Tricktree FB カスタマイズ集 (随時追加予定)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-QGTNNxxXZlw\/YsWIjVM0GnI\/AAAAAAAAYAU\/2lRSFLkVFgkeRpZp8SLV46fH-CgcP61DQCNcBGAsYHQ\/s72-c-e365-rw\/Tricktree-FB-customize.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-5179031827991105273"},"published":{"$t":"2022-07-04T00:04:00.007+09:00"},"updated":{"$t":"2023-09-06T16:30:47.427+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"ラベルをスマートに整理してみた"},"summary":{"type":"text","$t":"\n今まで適当に分類して付けていたラベルを、もう少し分かりやすく使い勝手が良くなるように整理してみました。\n大分類のカテゴリと小分類のハッシュタグ\nこれまで複数のラベル(カテゴリ)を付けていた記事は一つのカテゴリだけにして、代わりにハッシュタグ(#付きのラベル)を複数付与。\nWordPress とか JetTheme のマネです(笑) が、今回は JetTheme の中身は参考にせず、自力で改造しています。\n旧ブログでも\n実は4年ほど前にも旧ブログで、増えすぎたラベルを整理すべく工夫していました。カテゴリと各ジャンルのタグに分類して4つのラベルウィジェットに振り分けています。\n旧ブログ (Internet Archive)\nこの時はウィジェットごとに手動でカテゴリとその他の小分類タグに振り分けていましたが、今回は分岐タグを使って自動で振り分けさせるという技を使っています。4年経って高度？な"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/5179031827991105273\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/07\/label-organize.html#comment-form","title":"8 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5179031827991105273"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5179031827991105273"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/07\/label-organize.html","title":"ラベルをスマートに整理してみた"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-4M8NjGJh5YI\/YrXwtZjtuGI\/AAAAAAAAX7o\/k3Ok0_ywHQorkA43RwLVlWEfAEc71TS6QCNcBGAsYHQ\/s72-c-e365-rw\/category-hashtag.png","height":"72","width":"72"},"thr$total":{"$t":"8"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-5346324411603601816"},"published":{"$t":"2022-05-06T17:00:00.015+09:00"},"updated":{"$t":"2023-09-06T16:30:47.427+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"最近のカスタマイズ (2022\/05)"},"summary":{"type":"text","$t":"\n前回のまとめ以降に施した約2ヶ月分の主なカスタマイズや変更点のまとめです。\n単独の記事にするほどでもない小ネタ集的な感じ？\nここ最近は JetTheme を参考にした(ていうかほぼパクった)カスタマイズが多いです。\nアーカイブウィジェット(プルダウンメニュー)を JS なしでも動くようにする\n mizusame さんの真似をして、プルダウンのアーカイブウィジェットを \u0026lt;details\u0026gt; \u0026lt;summary\u0026gt; による開閉式にしてみました。これにより JavaScript が無効の状態でも機能するようになります。(※IE は detail summary に非対応で開閉できないなため、常時開きっぱなしになります)\nカスタマイズ手順\n試される方は必ず予めテーマの XML ファイルのバックアップを取ってから行って下さい。\n手順①\nまずレイアウト画面でアーカイブウィジェット"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/5346324411603601816\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/05\/recent-customize.html#comment-form","title":"5 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5346324411603601816"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5346324411603601816"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/05\/recent-customize.html","title":"最近のカスタマイズ (2022\/05)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-t3Cu808dIMo\/YnPvt2-llgI\/AAAAAAAAXoQ\/dKhngJQlpT02ODqQD59D4VdD9av41kM2ACNcBGAsYHQ\/s72-c\/recent-customize-202205.png","height":"72","width":"72"},"thr$total":{"$t":"5"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-1325882069717527982"},"published":{"$t":"2022-04-24T01:13:00.044+09:00"},"updated":{"$t":"2023-09-25T00:04:19.383+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#コメント欄"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】コメント欄を改造してみた"},"summary":{"type":"text","$t":"\n当ブログのコメント投稿方式は、とある理由から「埋め込み」は使わず、フルページ(もしくはポップアップ ウィンドウ)を選択していました。\nそのとある理由というのは、埋め込みのコメントフォームは iOS 端末からコメント送信ができない不具合があること。フォームに書き込みは出来るが、いざ [送信] を押すと送信できないどころかフォーム内のテキストも消えてしまうというたちの悪さ…\n聴き放題で愉しむ「クラシック音楽！」68　Blogger使いはコメント欄カスタマイズを！Blogger使いの方、標準ではiOS経由でコメント出来ないのをご存知でしょうか。iPhone等で書き込み可能にする簡単な方法と、まず知られていないペリコリさんのチェロ・ソナタを。https:\/\/www.classic-unlimited.com\/2020\/03\/68blogger.html\nこれは結構前から指摘されている不具合"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/1325882069717527982\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/04\/embed-comment-form-with-comment-page-link.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1325882069717527982"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1325882069717527982"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/04\/embed-comment-form-with-comment-page-link.html","title":"【Blogger】コメント欄を改造してみた"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-ABEbqfc2bP4\/YmQ_4gmBVjI\/AAAAAAAAXjo\/3Iu0-3llC-gUATIdiPqBAfJ8__NEXi3_QCNcBGAsYHQ\/s72-c\/embedcform%252Bcommentlink.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8864749778738810765"},"published":{"$t":"2022-03-29T22:38:00.042+09:00"},"updated":{"$t":"2023-09-06T16:30:47.432+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】JavaScript 不要のアーカイブページ専用ページャーを導入しました"},"summary":{"type":"text","$t":"\nアーカイブページャーは既に使ってたけど\nアーカイブページ専用ページャー(JavaScriptで動作)は既に導入済みで、特に不満もなく便利に活用させて頂いてたのですが、先日 Twitter で相互フォローになった いとっち(@itozyun)さんに「JavaScript 無しで Blogger 独自タグのみで機能する自作のアーカイブページャーがあるよ！」という興味深い情報を教えてもらい、早速記事を見に行ってみた。\nクラウド番外地[blogger template customize]Elegant navigation for the archive pagehttps:\/\/outcloud.blogspot.com\/2016\/09\/elegant-nav-for-archive.html\nまさかの全文英語！で一瞬怯みそうになりましたw が、気を取り直して翻訳しつつ読んでみると、どうやら"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8864749778738810765\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/03\/nojavascript-archive-pager.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8864749778738810765"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8864749778738810765"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/03\/nojavascript-archive-pager.html","title":"【Blogger】JavaScript 不要のアーカイブページ専用ページャーを導入しました"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEi2ocQP6VAo2qTWsuPoQzBJIHCwRxZ8bzn8rNNYBNtKUyUbN1LA7LXOW2prCauo24_hIqwoNdfNN3ah3e3EfKr_m9tcQaMq8kdSkGI6PN4t4ETsZo5f97MmhCaHTgg7vC23Es1NWMHXmdJYX8UxVKF9jw_Frra8ft742n5hB_t5pTh1zkHThwmnXxJv\/s72-c\/Archive-pager.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-5087296597670016247"},"published":{"$t":"2022-03-24T20:02:00.016+09:00"},"updated":{"$t":"2023-09-25T00:04:19.384+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#コメント欄"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】コメント欄の表示をカスタマイズ"},"summary":{"type":"text","$t":"\nコメント欄に関する2つのカスタマイズについて解説します。\n尚、QooQ テーマでの実装方法しか検証していないため、他のテーマでの動作保証は出来ませんのであしからず。\nカスタマイズ① 管理者の名前に判別用マークを表示\nブログ管理者とその他の投稿者を区別しやすくするために管理者の名前の横にマークを付けます。マークはこのような SVG  を使用します。\nコメントの場所が「埋め込み」の場合と「ポップアップ\/フルページ」の場合でそれぞれやり方が異なります。両方適用してもアイコンが重複して表示される心配はありません。\nコメントの場所が「埋め込み」の場合は CSS を追記\n公式テーマの「シンプル」等で使われているやり方で、管理者に自動的に付与されるクラス名(.blog-author)に CSS で背景としてアイコンを表示させます。\n.comments .comments-content ."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/5087296597670016247\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/03\/comment-display-customize.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5087296597670016247"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5087296597670016247"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/03\/comment-display-customize.html","title":"【QooQ】コメント欄の表示をカスタマイズ"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-sB7gSrIXBw8\/YmusIKoDkwI\/AAAAAAAAXkE\/J5mtsVmxau41x4ZhI9Oqssi_h6oXlriIQCNcBGAsYHQ\/s72-c\/comment-customize.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3726135925791619253"},"published":{"$t":"2022-03-01T00:05:00.020+09:00"},"updated":{"$t":"2023-09-06T16:30:47.424+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"最近のカスタマイズまとめ (2022\/03)"},"summary":{"type":"text","$t":"\n前回のまとめ以降に施した主なカスタマイズの備忘録です。\n月別アーカイブページに専用ページャー\nBlogger のアーカイブページのぺージャーはほとんど役に立たないような仕様になっているため非表示にしてあったのですが、こちらの記事で便利機能にカスタマイズする方法が紹介されていたのでうちにも取り入れてみました。\nmizusame【Blogger】月別アーカイブに翌月・前月のリンクを設置する  日頃 Blogger を使っていて地味に気になっていたのが、月別アーカイブページのページャー（ページネーション）です。     https:\/\/mizunosame.blogspot.com\/2022\/01\/blogger-monthly-archive-pager.html\nこのように月別アーカイブページのページャーが前月・翌月へのリンクになります。(年別アーカイブでは機能しないためぺージャーは非"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3726135925791619253\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/03\/recent-customize.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3726135925791619253"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3726135925791619253"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/03\/recent-customize.html","title":"最近のカスタマイズまとめ (2022\/03)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-kDZcghiQpFA\/Yg_hCvGj2uI\/AAAAAAAAXLY\/YF6mjmIdr6wlaO1lFojKsRQ4jjytAZRlQCNcBGAsYHQ\/s72-c\/recent-customize.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8344340829788831203"},"published":{"$t":"2022-01-31T17:06:00.023+09:00"},"updated":{"$t":"2023-09-25T00:51:23.901+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#コメント欄"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】フルページのコメントで通知を有効にする方法"},"summary":{"type":"text","$t":"\nBlogger のコメントで、新規コメントが投稿されたときに通知メールを受け取れる機能があるということはご存知かと思います。\n通知を有効にするにはチェックボックスにチェックを入れればいいのですが、埋め込みフォームの場合はチェック状態が即反映されるものの、ポップアップ\/フルページの場合はチェックを入れただけではダメで、コメントを投稿しないと反映されないのです。(この仕様を知らない方もいるかも？)\n埋め込みフォーム\nポップアップ\/フルページフォーム\nフルページでチェックを入れ忘れると\n他所の Blogger ブログにコメントする際、コメント通知のチェックを入れ忘れて困ったことってないですか？ 私はしょっちゅうありますw\nメール通知が無効になっていると、返信があったかどうか確認するために何度も記事を見に行かなければならなくなって面倒くさいですよね。通知を有効にするだけのためににもう一度"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8344340829788831203\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/01\/blogger-comment-notification-subscribe-tips.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8344340829788831203"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8344340829788831203"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/01\/blogger-comment-notification-subscribe-tips.html","title":"【Blogger】フルページのコメントで通知を有効にする方法"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgWm17S-7Hz9WEnR6aoYuFMQu6TVt_XTSPQR_xTxAgyDDILihQ_BxzVvtcC16Bc8et0403GY5eBwYEjl5S_ywOZCAoXAfeUPUi5Gv6ui4wNUFXl2WugszQ74jcIh9nbA8Zwbd0-_VRUmzycZQHcCQ3IesvCk43On8mG3jY4g87r_1EefZu-42c5FEXj\/s72-c\/comment-notification-subscribe.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-4484602006304640926"},"published":{"$t":"2022-01-05T23:00:00.195+09:00"},"updated":{"$t":"2023-09-06T16:30:47.425+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Tricktree"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】オリジナルのポータルサイトを作ってみた"},"summary":{"type":"text","$t":"\n登録している SNS やサイト等の関連リンクが増えてきて、これらのリンクリストをどこかに纏めておきたくなったもんで、最近よく見かける Linktree 等のプロフリンクまとめサービスっぽい見た目のポータルサイトを作ってみました。(ブログの固定ページではなく、独立したサイトとして作りたかった)\nふじりんくすふじりんくすふじやん関連リンク一覧ですhttps:\/\/fujilinx.blogspot.com\/\nサイト名は ふじやん のリンク集ということで FujiLinx (ふじりんくす)。最後が x なのは Twitter 等で使ってる ID の fujiyanx にちなんでるからw\n自作した理由\n外部サービスを色々物色してみたものの、どこも帯に短し襷に長し…\nリンクツリーみたいなSNS複数リンクまとめサービス21選\nなら自分で作っちゃえばいいじゃん！てなわけで Blogger で自作してみ"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/4484602006304640926\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/01\/fujiyan-original-portal-site.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4484602006304640926"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4484602006304640926"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2022\/01\/fujiyan-original-portal-site.html","title":"【Blogger】オリジナルのポータルサイトを作ってみた"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-qTYk3MQH65Y\/Yrgmpyn6o_I\/AAAAAAAAX8w\/uUyNKD7sJigvEiXVA19Bk9gN73_PPqRWgCNcBGAsYHQ\/s72-c\/mockup.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8090748564002657080"},"published":{"$t":"2021-12-05T02:43:00.027+09:00"},"updated":{"$t":"2023-09-06T16:30:47.430+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"最近のカスタマイズまとめ (2021\/12)"},"summary":{"type":"text","$t":"\n今回は SVG 関連のネタが多いです。\nモバイルデバイス専用の上下スクロールボタン\n画面幅 950px 以下では右下のを非表示にして、ナビバー内にを設置してみました。\n\n私は PC でしか見ないため気付かなかったのですが、スマホやタブレット等の幅が狭い画面だと右下のボタンがメインカラム部分に被ってしまい誤タップしてしまう事があるらしい？との話を見かけたもので。この位置ならそういうリスクも無くなるのではと思いますがどうでしょう。以前よりも UI 改善しましたかね？ そもそもジャンプボタンなんかいらない…とか言わないでね(~_~;)私自身は結構多用しますので。\nLazyload スクリプトの導入\n以前、ネイティブ Lazyload の導入について書きましたが、IB-Note さんがもっと効率のいい遅延読み込みの JavaScript を作成されたので導入してみました。先日紹介した JPG "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8090748564002657080\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/12\/recent-customize-memo.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8090748564002657080"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8090748564002657080"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/12\/recent-customize-memo.html","title":"最近のカスタマイズまとめ (2021\/12)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-3kIwNiXYULQ\/YaukKxVyknI\/AAAAAAAAWwA\/bgCAapxrWJIy_tYpbBmoxsZk-9tU19jLwCNcBGAsYHQ\/s72-c\/recent-customize-202112.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-5060999971885417488"},"published":{"$t":"2021-11-25T18:59:00.021+09:00"},"updated":{"$t":"2023-10-11T01:54:43.207+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Blogger画像"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】JPG圧縮パラメータでさらに高速軽量化しました"},"summary":{"type":"text","$t":"\n先日、Blogger 画像パラメータの小技の記事へのコメントで、BINUBALLさんに新たな有用な情報を教えていただきました。\n→ BINUBALLさんのコメント\nJPG 画像限定ですが、例えばパラメータに l80 (l は小文字の L) を追加すると元のファイルサイズの約 80% 程度まで圧縮してくれるというもの。詳細はこの記事にも書かれています。\n\nFresh Tech TipsThe Ultimate Guide to Customize and Edit Blogger (BlogSpot) ImagesFind out powerful and flexible ways to customize and edit images uploaded on Google’s Blogger platform to make the posts better and "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/5060999971885417488\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/11\/compress-jpg-image.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5060999971885417488"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5060999971885417488"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/11\/compress-jpg-image.html","title":"【Blogger】JPG圧縮パラメータでさらに高速軽量化しました"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-Da8mqxbf51Y\/YZ9XuQ8QQXI\/AAAAAAAAWuM\/RNUXI2dKwYc8CNxC2a9k-gf3M4xCkM46wCLcBGAsYHQ\/s72-c\/jpg-compress.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3411618314039891455"},"published":{"$t":"2021-10-09T18:58:00.044+09:00"},"updated":{"$t":"2023-03-14T18:39:28.858+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Blogger画像"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】画像の URL が新仕様に変わりました (2022\/03\/22 追記:新URLにファイル名が付くようになりました)"},"summary":{"type":"text","$t":"\nBlogger にアップロードされる画像の URL が変わりました。今後は新しい仕様の URL が生成されることになります。(過去にアップした旧 URL の画像には影響はないはず)\n旧: [数字].bp.blogspot.com\n  ↓↓\n新: blogger.googleusercontent.com\nちなみに新 URL での画像サイズパラメータに関してはこの記事に追記しましたので宜しければご参考にどうぞ。\nふじろじっくBloggerの画像の小技 (2021\/10\/08: 新仕様 URL に関して追記しました)Bloggerにアップロードした画像に関するちょっとした便利ワザをご紹介します。https:\/\/fujilogic.blogspot.com\/2019\/06\/blogger-image-tips.html#ps5\n新仕様の不具合\nところでこの新仕様の Blogger 画像ですが"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3411618314039891455\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/10\/Blogger-image-new-URL-problem.html#comment-form","title":"8 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3411618314039891455"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3411618314039891455"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/10\/Blogger-image-new-URL-problem.html","title":"【Blogger】画像の URL が新仕様に変わりました (2022\/03\/22 追記:新URLにファイル名が付くようになりました)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-pQOb5nzQnLg\/YWJV4eqVdLI\/AAAAAAAAWe4\/-HYnYpLGoFUy2NW8mjeKIQqI01F2rTaKQCLcBGAsYHQ\/s72-c\/new-image-URL.png","height":"72","width":"72"},"thr$total":{"$t":"8"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-1946171216197080654"},"published":{"$t":"2021-10-01T18:43:00.012+09:00"},"updated":{"$t":"2023-09-06T16:30:47.422+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】投稿日の横にコメント数を表示させる"},"summary":{"type":"text","$t":"\n当ブログではトップページの記事一覧や記事ページの投稿日の横にコメント数を表示させています。\n先日「ふじ庵」でこのやり方を教えてほしいとのコメントを頂き、返信にて簡単に説明したのですが、ひょっとしたら需要あるかもしれない？と思ったもんで、記事としてもう少し詳しく書いておくことにしました。\n特にコメントが多いブログだと今回のカスタマイズで便利さが増すと思うのでオススメです。\n基本的なカスタマイズ手順\n基本的なやり方はこちらの「TZLOG」さんの記事を参考にしています。\nTZLOG【QooQ】トップ画面にコメント件数を表示する方法【カスタマイズ】エディタ作成よりもブログのカスタマイズ方法を調べていました。知りたかったのは記事のコメント件数をトップ画面に表示する方法です。私のブログは多分コメントが書き込まれることは無いと思うんですけど(コメントして頂けました。ありがとうございます)、https"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/1946171216197080654\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/10\/QooQ-display-comment-number.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1946171216197080654"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1946171216197080654"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/10\/QooQ-display-comment-number.html","title":"【QooQ】投稿日の横にコメント数を表示させる"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-0EyiMsXrimM\/YVbVW80pLVI\/AAAAAAAAWb4\/pKoO8y0-aX4Ks0wuLgKs4bn1JgY_hfRZQCLcBGAsYHQ\/s72-c\/comment-number.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-7957528038906553426"},"published":{"$t":"2021-09-18T23:26:00.023+09:00"},"updated":{"$t":"2023-09-06T16:30:47.429+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"ブログタイトルロゴを SVG 化しました"},"summary":{"type":"text","$t":"\n「ふじろじっく」のブログタイトルロゴに使用している少し特徴のあるフォントは「せのびゴシック」というフリーフォントで、タイトルロゴだけでなく、ここ最近のアイキャッチ画像(Canvaで作成)でも多用するほどに気に入ってます。\nヘッダーのブログタイトルのロゴはここで作った透過 PNG 画像を使っていたのですが、画像だと明暗切り替えの連動で色を変えることができないため、ライトモードもダークモードも同じ色を使うしかなく、苦肉の策でライトモード時は背景に色を付けていました。デザイン的に敢えてそうしてたと思われてた方も多いでしょうけど、実はそういう理由があったのです。ダークテーマのデザインは変えたくなかったし(^^;\n白文字が見えなくなるので背景に色を付けてた\n仕切りの青い線デザインは変えたくなかった\nまあこれはこれで昼間の空みたい？でいい感じなのでありかな、と思えるようになって自分でももうすっかり"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/7957528038906553426\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/09\/title-logo-png-to-svg.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7957528038906553426"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7957528038906553426"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/09\/title-logo-png-to-svg.html","title":"ブログタイトルロゴを SVG 化しました"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-dGLdIAHOHoI\/YUX4UaSQB5I\/AAAAAAAAWWw\/Az22ZMqBejo4uOYEj9CBJ6rgL9CfgFXQwCLcBGAsYHQ\/s72-c\/logo-svg.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-1250505129927892318"},"published":{"$t":"2021-09-05T22:53:00.028+09:00"},"updated":{"$t":"2023-09-06T16:30:47.421+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"最近のカスタマイズまとめ (2021\/09)"},"summary":{"type":"text","$t":"\nここ最近の当ブログのカスタマイズや変更点についてまとめておきます。\n機能的な変更点\nリアクションボタンの廃止\n廃止された Blogger 標準のリアクション機能の代替として  ShareThis のリアクションボタンを導入していましたが、8月下旬頃から ShareThis のサーバーが400エラーでボタンが出たり出なかったりと不安定な状態が続いていたため一時的に非表示にして様子見していたのですが、結局思い切って完全に外してしまいました。\n\nスクリプトに document.write() が使われていたり、読み込みも結構重いため PSI スコアへもかなり影響するということで段々悩ましく感じてきてた所だったので、ある意味いいタイミングだったかもしれません(^^;\nボタンのデザインもイマイチでちょっと浮いてる感じだったのでそういう点でもスッキリできてよかったですw\nそれにしてももうちょっと"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/1250505129927892318\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/09\/recent-customize-memo.html#comment-form","title":"6 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1250505129927892318"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1250505129927892318"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/09\/recent-customize-memo.html","title":"最近のカスタマイズまとめ (2021\/09)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-We5A8J1txVY\/YTTD-DALyPI\/AAAAAAAAWRY\/6g3L9pp2Fssj_nNCROOhv28xbFnDoqY5wCLcBGAsYHQ\/s72-c\/recent-customize-202109.png","height":"72","width":"72"},"thr$total":{"$t":"6"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-7241774740026710249"},"published":{"$t":"2021-08-16T19:43:00.003+09:00"},"updated":{"$t":"2023-09-06T16:30:47.429+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】トップページのラベルの表示を変えてみた"},"summary":{"type":"text","$t":"\nトップページのレイアウトをもうちょっとスッキリさせたくなったもんで、こんな風にしてみました。\n\n\n\nこれまでリストの右下に置いていたラベルをサムネ上の左上隅に移動させたんです。\n実は以前にも同じようなレイアウトにしていた時期(当時はグリッドレイアウト)があったのですが、今回は常時表示ではなくて、公式テーマの Emporio の様に普段は非表示にしておいて、マウスホバー時に浮き出るようにしてあります。もちろんラベルのリンクも有効なままです。ラベルがなくなっただけでかなりスッキリしたと思うのですがどうでしょう？\nちなみにスマホやタブレット等のタッチデバイスではマウスホバーということが出来ないので、当初はラベルを常時表示させておこうかとも思ったのですが、どうせトップページはあまり見られないだろうし、ラベルの利用頻度もたぶん低いだろうということで完全非表示にしました。\n参考までにCSSを載せて"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/7241774740026710249\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/08\/hided-label-placed-on-thumbnail.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7241774740026710249"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7241774740026710249"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/08\/hided-label-placed-on-thumbnail.html","title":"【QooQ】トップページのラベルの表示を変えてみた"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-L3mSksrzB5M\/YRo_do0y_9I\/AAAAAAAAWLE\/ITnVbVDMYTIb-crGKscjQwE2GoAumVLmgCLcBGAsYHQ\/s72-c\/label-on-thumbnail.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-5625129617844297601"},"published":{"$t":"2021-07-21T20:54:00.028+09:00"},"updated":{"$t":"2023-09-06T16:30:47.428+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】Bloggerの仕様変更に影響されずに記事編集アイコンを使い続ける方法 (2021\/11\/12: 手順の変更及び記事一覧ページでの表示方法を追記しました)"},"summary":{"type":"text","$t":"\n記事編集アイコンが廃止？\n昨日、テストブログの内の一つで、記事編集のクイックエディットアイコンが表示されなくなっているのに気づきました。テーマを変えてみても表示されないので、カスタマイズの影響による不具合とかではなさそう。\n\n試しに当該コードで使われている分岐タグの\n\u0026lt;b:if cond='data:post.editUrl'\u0026gt; を\n\u0026lt;b:if cond='data:view.isSingleItem'\u0026gt; に変えてみたところが復活。\nもしやと思いこちらの Bloggerエキスパート Soraya さんのブログ記事を確認してみたら、editUrl が今年の夏に廃止予定のリストに含まれていました。\nBlogger Code PELes données obsolètesLa liste des data XML Blogger dépréciées, en "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/5625129617844297601\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/07\/quick-edit-icon-on-QooQ.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5625129617844297601"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5625129617844297601"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/07\/quick-edit-icon-on-QooQ.html","title":"【QooQ】Bloggerの仕様変更に影響されずに記事編集アイコンを使い続ける方法 (2021\/11\/12: 手順の変更及び記事一覧ページでの表示方法を追記しました)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-ImJdlhk9_to\/YPcY8wVXP2I\/AAAAAAAAWFI\/7bWjBjSzyx0HfxrtwqQaTL4St9y2bgeuwCLcBGAsYHQ\/s72-c\/Edit-Icon-on-QooQ.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-6735063960142812809"},"published":{"$t":"2021-07-02T20:25:00.072+09:00"},"updated":{"$t":"2023-09-06T16:30:47.428+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】新バージョンのテーマで記事編集アイコンを表示させる (2021\/11\/12: コードと手順を変更しました)"},"summary":{"type":"text","$t":"\nQooQ や公式シンプルテーマ等の旧バージョンのテーマでは、記事ページでタイトルの付近に記事編集アイコンが表示されます。\n\n新バージョンでは廃止された\n記事を修正したくなった時、わざわざ管理ページに行って当該記事を探さなくても、その場ですぐに編集ページに入れるのが便利で私も結構頻繁に使うのですが、Essential や Contempo や Emporio等の新バージョンテーマでは廃止されてしまったんですよね。\n\nこの新テーマの仕様を不満に感じられてる方も多そうですし、新バージョンしか使ったことがなくてこの機能の事を知らない方もいるだろうというわけで、表示させるカスタマイズ方法を紹介したいと思います。\nカスタマイズ手順\nHTMLを編集しますので必ず予めバックアップを取ってから行って下さい。もしくはテスト用の環境(別ブログ)を用意してそちらで試されることをおすすめします。\n手順①\nまず"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/6735063960142812809\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/07\/quick-edit-pen-on-new-version-theme.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/6735063960142812809"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/6735063960142812809"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/07\/quick-edit-pen-on-new-version-theme.html","title":"【Blogger】新バージョンのテーマで記事編集アイコンを表示させる (2021\/11\/12: コードと手順を変更しました)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-AWAnDyqNSWI\/YN707pGXG8I\/AAAAAAAAV-M\/642nIxDQjHkLuU0Bayx9W1Oh4wXN_pw4ACLcBGAsYHQ\/s72-c\/edit-icon.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-1055917225386764828"},"published":{"$t":"2021-06-19T21:55:00.090+09:00"},"updated":{"$t":"2023-09-06T16:30:47.420+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【CSS】clip-path で手軽に図形デザイン"},"summary":{"type":"text","$t":"\n先日とあるブログを見ていたら、プロフィールカードのサムネ画像が斜めにカットされたデザインになってて、これどうやってるのかなとソースコードを覗いてみたら、CSSに clip-path という未知のプロパティが使われていた。\n調べてみると clip-path は SVG の様に座標を指定するだけで画像や背景を手軽に好きな形にクリッピング(トリミング)できるらしい。\n\nコリスCSSのclip-pathプロパティでいろいろ簡単に実装できる、便利な使い方と実装のポイントCSSのclip-pathプロパティは、非常に便利です。 セクションの区切りを斜めにしたり、ボタンに波紋のエフェクトをつけたり、スクロールして要素がビューポートに入った時にアニメーションで表示されたりhttps:\/\/coliss.com\/articles\/build-websites\/operation\/css\/"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/1055917225386764828\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/06\/clip-path.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1055917225386764828"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1055917225386764828"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/06\/clip-path.html","title":"【CSS】clip-path で手軽に図形デザイン"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-UnAIU0i7e2w\/YN8D0WO1skI\/AAAAAAAAV-k\/X3oG7czO9z0uZBIZ6m733QW_nta3Cc2fwCLcBGAsYHQ\/s72-c\/clip-path.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8699014757638479003"},"published":{"$t":"2021-06-12T17:02:00.016+09:00"},"updated":{"$t":"2023-10-02T16:28:12.988+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Blogger画像"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】アニメGIF画像をMP4動画ファイル化して埋め込む"},"summary":{"type":"text","$t":"\n先日こちらのブログで非常に興味深い記事が投稿されました。\nmizusame【Blogger】画像のキャッシュの有効期限を変更する方法  自分のブログの表示速度って、やはり気になりますよね？  そんなときに便利なのが、Googleが提供している PageSpeed Insights （PSI）です。  この PSI にときどき「静的なアセットでの効率的なキャッシュ ポリシーの使用」を指摘されます。 この問題を解...https:\/\/mizunosame.blogspot.com\/2021\/06\/blogger-change-expiration-date-image.html\nBlogger画像のパラメータを変えるだけでキャッシュ有効期限を延ばして PSI からの指摘を回避するという内容。\n以前、ちょっと調べた時は head に専用のメタタグを置くとか面倒くさそうな(しかも上手くいかない"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8699014757638479003\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/06\/Blogger-gif-convert-to-mp4.html#comment-form","title":"4 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8699014757638479003"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8699014757638479003"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/06\/Blogger-gif-convert-to-mp4.html","title":"【Blogger】アニメGIF画像をMP4動画ファイル化して埋め込む"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-zB3EbkbSJKI\/YMRk0E3Nk8I\/AAAAAAAAVzI\/UqzG2BTthAojuf1ZJVUTHIfFs2_A7JOnACLcBGAsYHQ\/s72-c\/gif-mp4.png","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-7568025664664600447"},"published":{"$t":"2021-05-10T18:19:00.028+09:00"},"updated":{"$t":"2023-09-06T16:30:47.429+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#SNS"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"オリジナル SNS シェアボタン 【JavaScript 版】(2021\/05\/14: コードをアップデートしました)"},"summary":{"type":"text","$t":"\n元々ツイート用のブックマークレットとして使っていた JavaScript コードをシェアボタン用に改造してみました。JavaScript 化することにより、ツイート時の不具合が解消されています。Twitter 以外の SNS のコードもついでに JavaScript 化させてありますが機能的な変化は特にないですw\n\n既に当ブログで紹介しているシェアボタンコードを使われている環境では、CSSはそのまま転用可能で、HTML コードを入れ替えるだけで使えます。\n\nQooQ 用カスタマイズ記事\nふじろじっく【QooQ】オリジナルSNSシェアボタンの設置オリジナル SNS シェアボタンの設置手順～QooQ編https:\/\/fujilogic.blogspot.com\/2019\/09\/original-snssharebutton-for-qooq.html\nQooQ 以外のテーマ用記事\nふじろじ"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/7568025664664600447\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/05\/SNS-share-buttons-JavaScript.html#comment-form","title":"10 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7568025664664600447"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7568025664664600447"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/05\/SNS-share-buttons-JavaScript.html","title":"オリジナル SNS シェアボタン 【JavaScript 版】(2021\/05\/14: コードをアップデートしました)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-77Z6o_d0xyc\/YJj1OrVU85I\/AAAAAAAAVlA\/Jb7VzlXq5PQDgIOrhN2kP_JyH4DPCGU-ACLcBGAsYHQ\/s72-c\/SNS-ahare-JS.png","height":"72","width":"72"},"thr$total":{"$t":"10"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-5199588481874152743"},"published":{"$t":"2021-04-03T23:00:00.078+09:00"},"updated":{"$t":"2023-09-06T16:30:47.427+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"ライト \/ ダークモード切り替えボタンを付けてみた"},"summary":{"type":"text","$t":"\nナビバーに追加した2つのボタン\n見た目で大体予想は付くだろうとは思いますがを押すと明るい配色のライトモードに切り替わり、を押すとデフォルトのダークモードに戻るという機能のボタンです。\n実装に当たり参考にしたのはこちらのサイト。調べたら他にも様々なスクリプトや実装方法がありましたが、こちらで紹介されてるコードが一番シンプルでわかりやすかったです。\nダークモードに任意で切り替えられるボタンをCSSとJavascriptで作ろう！ | STROBOLIGHTS.tokyo (Internet Archive)\n導入のきっかけ\n個人的に、白画面が眩しく感じるようになってきたのとデザイン的にも好みだったのでずっとダークテーマにしていたものの、暗い画面よりも明るい画面の方が好み \u0026amp; 見やすいという方もいるだろうし、ライトモードという選択肢も用意した方が親切だろうなと思いつつ、面倒くさそう"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/5199588481874152743\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/04\/light-dark-mode-switch.html#comment-form","title":"4 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5199588481874152743"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5199588481874152743"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/04\/light-dark-mode-switch.html","title":"ライト \/ ダークモード切り替えボタンを付けてみた"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-beWR8QnbC3s\/YGhvy8o0q7I\/AAAAAAAAVRM\/e7kKMrkqdWkDmUcrL5VzH7F34dtw-D9MgCLcBGAsYHQ\/s72-c\/light-dark.png","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-4838778013869514008"},"published":{"$t":"2021-03-28T16:39:00.014+09:00"},"updated":{"$t":"2023-09-06T16:30:47.426+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#リアクションツール"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"リアクションウィジェットをリニューアルしました"},"summary":{"type":"text","$t":"\n関連記事消滅事件\n先日、QooQの関連記事が突然消えてしまうという事件が発生したのですが、QooQの関連記事ウィジェットのコードと連動していたBloggerのリアクションウィジェットが廃止されたことに巻き込まれてしまったのが原因でした。\nこの件に関する詳細や対処法などこちらの記事に追記しましたので御覧ください。\n\nふじろじっく【QooQ】関連記事ウィジェットのカスタマイズ (2021\/03\/23 関連記事消滅に関する情報を追記しました)QooQ用関連記事ウィジェットのデザインと機能をカスタマイズhttps:\/\/fujilogic.blogspot.com\/2020\/02\/QooQ-mrp-customize.html#ps3\n代わりのリアクションウィジェット\n関連記事に関しては復活できたものの、当ブログで独自にカスタマイズして利用していたリアクションウィジェットは完全に消えてしまいま"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/4838778013869514008\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/03\/changed-reaction-widget.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4838778013869514008"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4838778013869514008"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/03\/changed-reaction-widget.html","title":"リアクションウィジェットをリニューアルしました"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-2lzBUovC2bA\/YGAodnEondI\/AAAAAAAAVMw\/JAhXNjQQoLYGYHPsIf9UacAI8ULxlVMZgCLcBGAsYHQ\/s72-c\/reaction-buttons.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-1095695393701656487"},"published":{"$t":"2021-03-21T16:43:00.049+09:00"},"updated":{"$t":"2023-09-25T00:22:59.497+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#コメント欄"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【jQuery】匿名コメント投稿者のアバターを表示させる"},"summary":{"type":"text","$t":"\nBlogger は基本的にコメント投稿者が「匿名」または「名前\/URL」の場合はアバターが何も表示されません。\n何もないと寂しいし透明人間のよう？なので、当ブログでは匿名専用のアバターを用意して表示させていました。\n表示方法は単純で、CSSで投稿者アイコンのクラス(.comment-author img)に background-image を当てて背景として設定していただけ。\nユーザーアバターがあるログイン投稿者の場合はアバター画像が背景画像よりも前面に来るので匿名アバターが見える心配はないんだけど、ユーザーアバターが透過PNGで隙間がある時は隙間から匿名アバターの一部が見えてしまうという欠点があるのが前から気になっていて、これを何とか改善出来ないものかと考えた。\n\nとりあえず条件分岐を使ってログインユーザーとそうでない場合で振り分けて何とか出来ないものかと試みるも上手くいかず(匿名"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/1095695393701656487\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/03\/display-anonymous-avatar-jquery.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1095695393701656487"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1095695393701656487"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/03\/display-anonymous-avatar-jquery.html","title":"【jQuery】匿名コメント投稿者のアバターを表示させる"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-TSJ2O9Q2f2Q\/YFb0rXz9pgI\/AAAAAAAAVGY\/sqyWXpILRhk0Mt4ilDcbPo20nlZesP1RQCLcBGAsYHQ\/s72-c\/anonymous-avatar.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-327873513354530970"},"published":{"$t":"2021-03-18T15:46:00.036+09:00"},"updated":{"$t":"2023-09-06T16:30:47.419+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Blogger】head内のメタデータをカスタマイズ"},"summary":{"type":"text","$t":"\n当ブログでは HTML の \u0026lt;head\u0026gt;内で all-head-content タグによって Blogger が自動で出力するサイト情報(メタタグ)のデータの中身をカスタマイズして直接記述しています。また、QooQ 独自の OGP 設定も細かく設定し直しました。出力される内容に不要なものがあったり、書式が気に入らないものがあったので自分好みに整理したかった為です。ちなみにメタタグによってどの様な情報が出力されているかは Ctrl + U でソースコードを表示すれば確認できます。\n参考までに当ブログで独自にカスタマイズたコードについて書きたいと思います。\n尚、今回のカスタマイズはこちらの「些細な日常」さんの記事を参考にさせていただきました。\nまずこの記事をご覧になることをおすすめします。\n\n些細な日常Bloggerブログのテンプレートのhead内のカスタマイズのために独自タグ"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/327873513354530970\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/03\/optimized-meta-tags.html#comment-form","title":"9 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/327873513354530970"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/327873513354530970"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/03\/optimized-meta-tags.html","title":"【Blogger】head内のメタデータをカスタマイズ"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-9lY6cqKDxAM\/YFLzO3sWh0I\/AAAAAAAAVCY\/PsdZ1YSrdzkkoI44dL6VEjr9KQexyRSJgCLcBGAsYHQ\/s72-c\/metatag.png","height":"72","width":"72"},"thr$total":{"$t":"9"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-6351191237845637174"},"published":{"$t":"2021-01-02T04:21:00.031+09:00"},"updated":{"$t":"2023-09-06T16:30:47.428+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】ナビバー開閉ボタンのカスタマイズ"},"summary":{"type":"text","$t":"\nQooQ はモバイル表示ではナビバーが折りたたまれていて = ボタンで開閉できるようになっていますが、このちょっとショボい感じ(笑)の = ボタンをいい感じにするカスタマイズをご紹介します。\n今回のカスタマイズはこちらの IB-Note さんの記事を参考にして QooQ に応用させて頂きました。Fumaさん、大変わかりやすい記事ありがとうございます。\n\nIB-Noteついにハンバーガーメニューを実装しました | IB-Note以前から付けたいなぁと思っていたハンバーガーメニューをついに実装しました！今回の記事では私がどのようにハンバーガーメニューを実装したのか、コードや仕組みとともに詳しくご紹介します。https:\/\/itblogger-note.blogspot.com\/2020\/12\/hamburger-menu.html\nボタンのデザインと挙動をカッコよく\n上記の IB-Note"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/6351191237845637174\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/01\/QooQ-navibar-button-customize.html#comment-form","title":"8 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/6351191237845637174"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/6351191237845637174"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2021\/01\/QooQ-navibar-button-customize.html","title":"【QooQ】ナビバー開閉ボタンのカスタマイズ"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-vzuGODH4Lao\/X-9rfM3wt2I\/AAAAAAAAUYg\/-LPs67D_-0IjZf1gyhAN94LiRxd1R2KtQCLcBGAsYHQ\/s72-c\/QooQ-navibar-button.png","height":"72","width":"72"},"thr$total":{"$t":"8"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-1081478122717573954"},"published":{"$t":"2020-12-21T06:41:00.015+09:00"},"updated":{"$t":"2023-09-06T16:30:47.421+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"最近のカスタマイズまとめ (2020\/12)"},"summary":{"type":"text","$t":"\n1カラム化以降、特に大きな変化はないですけど、相変わらず暇さえあれば細かい所はちまちまと弄ってますので、メモ程度に纏めておきます。\n翻訳ガジェットを設置\n最近よくコメント頂く韓国人のBINUBALLさんのブログで紹介されたためか、韓国からのアクセスが増えてきましたので、試しに翻訳ガジェットを設置してみました。\n\n海外からのアクセスは以前から結構ありましたけど、欧米や中東あたりからのリファラースパム混じり？のアクセスと違って、純粋に閲覧目的で来られてると思うので置く価値はあるのではないかと…(活用されるかどうかはわかりませんが)\nそのままだとちょっと浮いてしまいますのでテーマに馴染むようにプルダウンメニューのデザインを変更。少しでも読み込みを軽くするべく一部のスクリプトをインラインに変えてあります。\nBINUBALLさんのブログ\nCalculator \u0026amp; Recorder블로그의"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/1081478122717573954\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/12\/recent-customize-memo.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1081478122717573954"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1081478122717573954"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/12\/recent-customize-memo.html","title":"最近のカスタマイズまとめ (2020\/12)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-lBtAEhIc5ME\/X9-7YruP-sI\/AAAAAAAAUMI\/Apf-1gqxKsgtMFQWx8gSwRPtgkcwdRNdwCLcBGAsYHQ\/s72-c\/recent-customize.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8498658169527110585"},"published":{"$t":"2020-10-12T00:10:00.011+09:00"},"updated":{"$t":"2023-09-06T16:30:47.431+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】サイドバーを左に移動させる方法"},"summary":{"type":"text","$t":"\nQooQ に関して色々ググってたら、たまたまこんなヤフー知恵袋の質問記事がヒットしました。\nYahoo!知恵袋BloggerのテンプレートQooQについての質問です。https:\/\/qooq-sample.blogspot.com\/ - こ... - Yahoo!知恵袋BloggerのテンプレートQooQについての質問です。https:\/\/qooq-sample.blogspot.com\/ このテンプレートは右カラムなのですが左に移動させたいのです。HTMLはhttps:\/\/jsfiddle.net\/ohmzxwqe\/です。どこをいじればいいのかアドバイスお願いします。https:\/\/detail.chiebukuro.yahoo.co.jp\/qa\/question_detail\/q10232840865\n「QooQ の右カラムを左に移動させたい」…つまり、サイドバーをメインカラムの"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8498658169527110585\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/10\/sidebar-move-to-left.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8498658169527110585"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8498658169527110585"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/10\/sidebar-move-to-left.html","title":"【QooQ】サイドバーを左に移動させる方法"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-Q99t02jJdSY\/X4MZ0EOIIqI\/AAAAAAAATdM\/NyLBM2SRXuQuvrK1tU1gClUDR47vLU5OwCLcBGAsYHQ\/s72-c\/L-sidebar.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-1072670842039551326"},"published":{"$t":"2020-10-06T18:36:00.032+09:00"},"updated":{"$t":"2023-09-06T16:30:47.421+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"1カラムレイアウトにしてみた (1カラム化手順を追記しました)"},"summary":{"type":"text","$t":"\n前回の記事の締めでもうカスタマイズはやり尽くしたと書いたけど、その舌の根も乾かぬうちにまた弄ってしまいましたw\n今回の改造は、サイドバーを取っ払って1カラムにするという、結構大掛かりな変更です。\ndisplay:none とかで非表示にするとかいう小細工ではなく、HTML からサイドバーセクション丸ごと消し去っています。\nPCやタブレット(横向き)でもスマホ閲覧時とほぼ同じようなレイアウトになりました。\n\nきっかけとなった素敵なブログ\n変えようと思ったきっかけは、たまたま見つけたこちらのブログ。\n遠北ほのかのイラストサイト遠北ほのかのイラストサイト簡単なかわいいイラストの描き方（手帳用ボールペンイラスト）と、遠北ほのかの水彩イラストサイトhttps:\/\/www.surariru.tokyo\/\nこちらも一見して QooQ だと気づかないほどに大胆にカスタマイズされてるようですが、その最大"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/1072670842039551326\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/10\/1-column-rayout.html#comment-form","title":"4 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1072670842039551326"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1072670842039551326"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/10\/1-column-rayout.html","title":"1カラムレイアウトにしてみた (1カラム化手順を追記しました)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-IojHx8qb0Jc\/X31KN0u9YlI\/AAAAAAAATbo\/kEJjE09_bfAWuzOwLQyQ5x4SBN2XH6ndwCLcBGAsYHQ\/s72-c\/1column.png","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-627308114553907422"},"published":{"$t":"2020-09-30T00:38:00.109+09:00"},"updated":{"$t":"2023-09-06T16:30:47.419+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"ブログを高速化しました"},"summary":{"type":"text","$t":"\nここ2週間ほど、ブログを軽量高速化するべく色々と試行錯誤していました。\nで、その結果がこちら…\n\n\n\n  \n\nPageSpeed Insights\nモバイルスコアが60前後 → 90前後まで向上しました！\nたぶん、何も弄ってないプレーンな状態の QooQ とほぼ変わりないんじゃないですかね。\n今までコツコツと自分好みにカスタマイズしてきた見た目や機能を犠牲にすることなく、ここまで改善できるとは思いませんでした。\nということで、その改善内容をまとめておこうと思います。\n試される場合は、必ずテーマのバックアップを取ってから行って下さい。\nbundle.css の無効化、及びインライン化\nBlogger のテーマ(特に旧バージョン)は、css_bundle_v2.css(リンクはブログのソースコードを見れば上の方にあると思います) という基本スタイルシートの外部ファイルを強制的に読み込む仕様"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/627308114553907422\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/09\/speedup-customize.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/627308114553907422"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/627308114553907422"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/09\/speedup-customize.html","title":"ブログを高速化しました"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-O6q9cpS8ED4\/X3NBZMuQOwI\/AAAAAAAATX8\/qbyiKC-L66Q7arsV_YPV9jMmAqMpm44aACLcBGAsYHQ\/s72-c\/mobile-score.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-886500330405057488"},"published":{"$t":"2020-08-23T05:14:00.076+09:00"},"updated":{"$t":"2023-09-06T16:30:47.420+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"highlight.js を導入しました"},"summary":{"type":"text","$t":"\n記事内で説明するために表示するソースコードの見栄えを良くするべく、highlight.js というスクリプトを導入し、過去記事内の全てのソースコードに適用させました。\n導入手順等はこちらの「インドアな日々」(HARUさん)の記事で分かりやすく解説されていますので、ウチでは割愛しますw\n\nインドアな日々Blogger ブログに表示するソースコードを見やすくしたい 【 highlight.js 】https:\/\/indoor-days.blogspot.com\/2019\/07\/highlight.js.html\nビフォー・アフター\nこれまでのウチの独自の表示スタイルと highlight.js を比較してみると…\n(実はこれまで \u0026lt;pre\u0026gt; タグを使うという考えに及ばなかったため、コードの記述は非常に面倒くさい作業をやってました…(~_~;))\nHTML    \u0026lt;b:if"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/886500330405057488\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/08\/highlight.js.html#comment-form","title":"8 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/886500330405057488"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/886500330405057488"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/08\/highlight.js.html","title":"highlight.js を導入しました"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-EgtxfUou_hs\/X0F1Fst57II\/AAAAAAAATC0\/oqbcRACDDMY9fZ6cH-PNcnfEZNBotZ8rwCLcBGAsYHQ\/s72-c\/highlightjs.png","height":"72","width":"72"},"thr$total":{"$t":"8"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-5340623525700010721"},"published":{"$t":"2020-08-06T15:44:00.026+09:00"},"updated":{"$t":"2023-09-06T16:30:47.427+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#SNS"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】OGP 画像を設定しよう"},"summary":{"type":"text","$t":"\nOGP とは\nOGP というものをご存知ですか？\n簡単に説明しますと…\n\nOGP とは「Open Graph Protocol」の略。\nFacebook や Twitter などの SNS で web ページやブログの記事がシェアされた時、またLINE などのメッセージ機能でページの URL を送信した時に、そのページのタイトル、URL、概要、画像を表示させる仕組みのことです。\nいまさら聞けない！OGPとは？ | ホームページ制作・作成なら大阪のweb制作.com\n\nEmbedly や はてな等のブログカードも OGP 情報を元に生成されます。\nTwitter の場合\nこの OGP が正しく設定されたブログ内の記事をシェアすると、タイムライン上のツイートや埋め込みツイート内に、タイトル、概要(検索向け説明文)、画像(基本的に1枚目)が 「Twitter カード」として表示されます。\n\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/5340623525700010721\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/08\/QooQ-setting-og-image.html#comment-form","title":"5 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5340623525700010721"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5340623525700010721"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/08\/QooQ-setting-og-image.html","title":"【QooQ】OGP 画像を設定しよう"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-vZVrbv27ht4\/XysLrDhLOqI\/AAAAAAAAS20\/yj6mV0OL9LY7DqYJiRWz7WX8xJSk83m2QCLcBGAsYHQ\/s72-c\/qooq-og-image.png","height":"72","width":"72"},"thr$total":{"$t":"5"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-4742441350470382792"},"published":{"$t":"2020-07-26T00:58:00.030+09:00"},"updated":{"$t":"2023-09-06T16:30:47.426+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】サイドバーウィジェットを追従させる方法"},"summary":{"type":"text","$t":"\nサイドバーの一番下のコンテンツを、下にスクロールしても追従してくるようにしているブログやサイトをよく見かけますよね。\n人気の投稿だったりプロフィールだったり人によって様々ですが、特にアピールしたいコンテンツを常に画面内に表示させられる有効な手段の一つです。\nちなみに QooQ の前身の Tokyo ではデフォルトで「ついてくるサイドバー」がありましたけど、あちらは jQuery で追従させてます。\nJavaScript なしでも簡単に実装可能で、以前記事に書いたナビバーを上部に固定させる方法と同じく、追従させたいウィジェットの CSS に position:sticky と top の値を追記するだけで実現出来る筈なのですが、いざウチのブログでやってみようとしたら…できない Σ(￣ロ￣lll)\nスクロールしても付いてこない…\nうちではページリストを置いてるけど、別のウィジェットに変えて"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/4742441350470382792\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/07\/QooQ-sidebarwidget-sticky.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4742441350470382792"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4742441350470382792"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/07\/QooQ-sidebarwidget-sticky.html","title":"【QooQ】サイドバーウィジェットを追従させる方法"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-1ewfMYSi3is\/XxxVazNyyYI\/AAAAAAAASug\/xtBKttdn0AkkyASsiBKG67dVcMoFvFpCQCLcBGAsYHQ\/s72-c\/qooq-sticky-sidebar.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-4509256736039901706"},"published":{"$t":"2020-07-20T20:05:00.017+09:00"},"updated":{"$t":"2023-09-06T16:30:47.426+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】注目の投稿ガジェットをカスタマイズ"},"summary":{"type":"text","$t":"\n今回は Blogger公式ガジェットの一つである「注目の投稿」のデザインと UI をいい感じ？に変えてみたいと思います。\n尚、QooQ テーマでしかテストしていないため、それ以外のテーマで今回のカスタマイズが上手く適用できるかどうかはわかりかねますのでご了承下さい。\n\n注目の投稿ガジェットの設置\nレイアウト編集画面にて、設置したいセクション(サイドバー等)の「+ ガジェットを追加」をクリックし、ガジェット一覧の中から「注目の投稿」を選択(上から2番目にあります)。\n表示したい記事の選択等、プレビューを確認しながら設定をしたら「保存」を押します。これで設置は完了です。\n設置直後のデフォルトでは\nデフォルトのままだとこの様な表示になります。\n\n\n\n\n気になるポイント\n\n  まず見た目ですが、記事タイトルも概要文(テキスト スニペット)も横の padding がなくて窮屈な感じですよね。("},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/4509256736039901706\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/07\/Featured-Post-gadget-customize.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4509256736039901706"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4509256736039901706"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/07\/Featured-Post-gadget-customize.html","title":"【QooQ】注目の投稿ガジェットをカスタマイズ"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-zStQNDMHX1o\/XxVz0BiNgVI\/AAAAAAAAStY\/-zOA2yLz-qggcGKNxR9vphaITTTm60PcACLcBGAsYHQ\/s72-c\/featured_post_gadget.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8707425145879232906"},"published":{"$t":"2020-07-14T17:25:00.023+09:00"},"updated":{"$t":"2023-09-06T16:30:47.432+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"QooQ v1.27 アップデートによる変更点"},"summary":{"type":"text","$t":"\n先日 QooQ 作者さんのブログを覗いてみたら、久しぶりに QooQ に関する記事が上がってて、テーマの XML も v1.27 にアップデートされていました。\nラムネグblogger新管理画面でQooQ、Tokyoを使う場合の注意点blggerの新管理画面でQooQ、Tokyoを使う場合の注意点を2つ紹介。https:\/\/blog.dododori.com\/create\/program\/new-blogger-qooq\/\n\n表の挿入機能対応\nまず、新機能の「表の挿入」に関して、これまで QooQ や Tokyo では表を挿入しても罫線が表示されない仕様でしたが、CSS の追記で暫定対応されたとのこと。v1.26 と v1.27 の差分チェックをしてみると、この部分が追記されていました。\n\n\/* テーブル（暫定） *\/\n    table:not([class]) td{\n    "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8707425145879232906\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/07\/QooQ-update-diff-check.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8707425145879232906"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8707425145879232906"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/07\/QooQ-update-diff-check.html","title":"QooQ v1.27 アップデートによる変更点"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-BvhdCj3-1qg\/Xw1aGm0qKaI\/AAAAAAAASnU\/Zt1aOsGaL7EV91DgHNXvGptdxvjkGRj_wCLcBGAsYHQ\/s72-c\/QooQ127.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-4420202034040396871"},"published":{"$t":"2020-06-24T18:55:00.048+09:00"},"updated":{"$t":"2023-09-18T19:29:04.392+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":"Blogger"}],"title":{"type":"text","$t":"ネイティブ Lazyload を導入してみた"},"summary":{"type":"text","$t":"\nJavaScript 不要で手軽に画像遅延読み込みを実装できる「ネイティブ Lazyload」を導入してみました。\nネイティブ Lazyload とは\n「ネイティブ Lazyload」は、HTML の \u0026lt;img\u0026gt; や \u0026lt;iframe\u0026gt; タグに loading 属性を追加するだけで簡単に遅延読み込みを実現できる手段で、実装することでページの読み込み速度の向上が期待できます。\n現在はほとんどのブラウザで標準サポートされているようです。Safari はまだ正式サポートはされていませんが、「実験的な機能」で有効にすればテストは可能です。IE 等の非サポートブラウザでは loading 属性は無視されて、これまで通りに画像が描画されます。\n\n参考記事:\n海外SEO情報ブログGoogle、遅延読み込みの推奨方法にネイティブLazy-loadを追加 | 海外SEO情報ブログ"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/4420202034040396871\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/06\/Native-Lazyload.html#comment-form","title":"9 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4420202034040396871"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4420202034040396871"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/06\/Native-Lazyload.html","title":"ネイティブ Lazyload を導入してみた"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-Pu9H8othAAU\/XvMaWhMrgZI\/AAAAAAAASRI\/ARyZSRc4sTERkCKJgbXtiQ_oefTEuo9EgCK4BGAsYHg\/s72-c\/native-lazy-load.png","height":"72","width":"72"},"thr$total":{"$t":"9"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-1146609933005630562"},"published":{"$t":"2020-06-22T19:05:00.028+09:00"},"updated":{"$t":"2023-09-06T16:30:47.421+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】前後記事リンクの位置を変える"},"summary":{"type":"text","$t":"\n前後記事リンクの位置に違和感\nQooQ の記事ページの前後記事リンクは、このように記事エリア内の SNS ボタンとカテゴリーラベルの間に設置されています。\n\nQooQ の作者さんなりの拘りがあるのかもしれませんけど、個人的に前後記事リンクって、記事エリア外の一番下の方にないとなんかしっくり来なくて気持ち悪いんです(^^;\n\n最下部へ移動\n自分以外にも同じように感じてる人がいるかも？…というわけで、今回はこの前後記事リンクを一番下(コメント欄とフッターの間)に移動させる手順を書いておきます。\nカスタマイズ手順\nHTML を編集しますので、必ずテーマのバックアップを取ってから行って下さい。\n手順①\nまず テーマの HTML 編集で 以下のタグを検索で探します。\n\u0026lt;b:include name='nextprev'\/\u0026gt;\n編集画面内をクリックしてアクティブな状態にして Ctrl+F"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/1146609933005630562\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/06\/nextprev-link-move-to-bottom.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1146609933005630562"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/1146609933005630562"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/06\/nextprev-link-move-to-bottom.html","title":"【QooQ】前後記事リンクの位置を変える"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-lxqpFnYIySU\/XvBwRtBNvBI\/AAAAAAAASMc\/RYCitQmGcdAoXMm9ae-YlzrjlninM5mRgCK4BGAsYHg\/s72-c\/move-nextprev.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3354490886188475356"},"published":{"$t":"2020-03-23T17:00:00.017+09:00"},"updated":{"$t":"2023-09-06T16:30:47.423+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】ナビゲーションバーを上部に固定する方法"},"summary":{"type":"text","$t":"\n前回の記事で「ナビバーを上に張り付ける(固定する)カスタマイズも知りたい」というリアクションを頂きましたので、リクエストにお応えして手順を紹介したいと思います。(リクエストがなくてもたぶん書いてたと思いますがw)\n\n下にスクロールしてもナビバーが上に固定された状態で着いてくるようになります。\n数行の CSS を追記するだけの簡単作業です。\n同じようなレイアウトのテーマであれば、QooQ 以外でも 適用できるかも。ちなみに私、シンプルテーマを使ってた時もこのカスタマイズをやってました。\nナビバーの位置\nQooQ のカスタマイズでナビバーをヘッダーの下に移動させている方が結構多いようですが、ナビバーがヘッダーの上にあるか下にあるかでそれぞれ追加コードが異なります。\nちなみにナビバーとヘッダーの位置を上下入れ替える方法は、こちらのブログ記事でとても解り易く解説されていますのでご参照下さい。\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3354490886188475356\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/03\/fixed-and-sticky-navbar.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3354490886188475356"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3354490886188475356"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/03\/fixed-and-sticky-navbar.html","title":"【QooQ】ナビゲーションバーを上部に固定する方法"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-AwuIwvwc_H0\/XnheFipgL3I\/AAAAAAAAQ9o\/_nP7hgoCm5AfhHot58PO6-w9HNnBFW0mQCLcBGAsYHQ\/s72-c\/fixed-navibar.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-7982203377007723882"},"published":{"$t":"2020-03-21T21:03:00.034+09:00"},"updated":{"$t":"2023-09-06T16:30:47.430+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】ナビゲーションバーの中に検索ボックスを埋め込む"},"summary":{"type":"text","$t":"\n当ブログは QooQ テーマを使用していますが、ZELO みたいな感じで検索ボックスをナビバーの中に埋め込んでいます。\n今回はこのカスタマイズ方法をご紹介します。\n\n\nテーマ編集は必ず予めバックアップを取ってから行って下さい。\n2023\/04\/30 追記: Safari 環境でレイアウトが崩れる場合があることが判明したため、コードを以前のものに戻しました(を Blogger SVG → Font Awesome に変更)。\n\nカスタマイズ手順\n① Font Awesome アイコン準備\nFont Awesome (ver.6x)のアイコンを使用するため、まだ導入されてない場合はテーマ編集画面(HTML)にて下記のコードを\u0026nbsp;\u0026lt;\/head\u0026gt; の上に設置して下さい。\n\u0026lt;link href='\/\/use.fontawesome.com\/releases\/v6.4.0"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/7982203377007723882\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/03\/searchbox-in-navibar.html#comment-form","title":"7 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7982203377007723882"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7982203377007723882"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/03\/searchbox-in-navibar.html","title":"【QooQ】ナビゲーションバーの中に検索ボックスを埋め込む"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-dUmZVDgvV34\/YYod8fG5h8I\/AAAAAAAAWok\/htBBYC1y8jExiiaZis9iT5VH8Yb9-Zj8gCLcBGAsYHQ\/s72-c\/searchbox-mobile.png","height":"72","width":"72"},"thr$total":{"$t":"7"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-518309570428189337"},"published":{"$t":"2020-02-26T19:29:00.037+09:00"},"updated":{"$t":"2023-11-04T02:41:36.955+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】最近のカスタマイズまとめ"},"summary":{"type":"text","$t":"\nどうも。瀕死のはずのPCが意外としぶとく生き延びてる間に、相変わらず飽きもせずせっせとカスタマイズに精を出してる ふじやん。です。\nここ最近で色々弄った内容を覚え書きとして記しておきます。\n\nテーマ編集は必ず予めバックアップを取ってから行って下さい。\nトップページ\n\n\nスニペットを表示\nQooQ にはデフォルトでは実装されていないスニペット(記事冒頭文)を表示。\nこれが無くてスッキリしてることが QooQ を選んだ理由の一つでもあったんですけど…うちの記事は短いタイトルが多くて内容が分かりづらいかもしれないし、タイトルが短い分スペースには余裕あるし、というわけで結局スニペットを付けてみることにしました(^^;\n※スマホでは非表示にしています。\n先日偶然見つけたこちらのブログ →「Blogger・QooQの投稿リストにスニペットを表示させる方法 | MERMONA」(Internet "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/518309570428189337\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/02\/QooQ-recent-customize-memo.html#comment-form","title":"24 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/518309570428189337"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/518309570428189337"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/02\/QooQ-recent-customize-memo.html","title":"【QooQ】最近のカスタマイズまとめ"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-tl2z7MgtKxU\/XlY5K0Uc0jI\/AAAAAAAAQq4\/qbgbLrkdpn8nH1DA5mTxgdYT0gENrIp1gCLcBGAsYHQ\/s72-c\/rescent-customize.png","height":"72","width":"72"},"thr$total":{"$t":"24"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8005207137099976843"},"published":{"$t":"2020-02-08T15:47:00.173+09:00"},"updated":{"$t":"2023-09-06T16:30:47.430+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】関連記事ウィジェットのカスタマイズ"},"summary":{"type":"text","$t":"\nQooQ テーマにデフォルトで組み込まれている関連記事ウィジェットのデザインと機能に関するカスタマイズを紹介します。\n2022\/05\/31 追記: 現在当ブログの関連記事は、IB-Note さんのウィジェットを使用しています。\n\nデザインカスタマイズ編\n中々いい感じのデザインが2種類できましたので、お好みの方をお試しください。\nテーマ編集は必ず予めバックアップを取ってから行って下さい。圧縮コードは位置がわかりにくいため、スクリプトコードの挿入位置を間違えないようご注意ください。\n各デザインのCSSコード\n※代替画像(No Image)の設定方法については、後半の「機能編」で解説します。\nデザイン①: カードタイプ\n通常版 QooQ のトップページのタイルと同じ様なデザインです。\n画面幅に応じて3列→2列に変化し、スマホ表示時はリストレイアウトになります。\n\n\/* 関連記事 *\/ の所("},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8005207137099976843\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/02\/QooQ-mrp-customize.html#comment-form","title":"33 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8005207137099976843"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8005207137099976843"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/02\/QooQ-mrp-customize.html","title":"【QooQ】関連記事ウィジェットのカスタマイズ"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-2UjXwt2BbuU\/YEzPyBNcWPI\/AAAAAAAAVAY\/VDvVldSYQXcb0WTc98daQ5xBE0HFbEFGACLcBGAsYHQ\/s72-c\/QooQ-mrp-customize.png","height":"72","width":"72"},"thr$total":{"$t":"33"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-7398418885873676214"},"published":{"$t":"2020-01-21T21:16:00.028+09:00"},"updated":{"$t":"2023-09-06T16:30:47.429+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"Googleフォームをカスタマイズ"},"summary":{"type":"text","$t":"\n連絡フォームガジェットが機能してない\nこれまで迷惑メールが1件来ただけでほぼ利用されることがなかったものの、万が一の時の為にと一応設置してあったお問い合わせメールフォームですが、Blogger 標準の連絡フォームガジェットは、どうやら昨年の10月頃から機能しなくなっていたようなんです。Blogger Contact Form not working for all users? - Blogger Community\n\n送信に成功した旨のメッセージは出るものの、実際には送信に失敗して届かないという状態。\n独自ドメインの場合は対処法があるらしい？のですが、blogspot.com の場合はどうしようもないみたいで、修正されるのを待つしかないようです。\n\n2020\/03\/08 更新\nどうやらお問い合わせメールフォームの不具合は修正されたようです。\nちゃんと機能するのを確認したので、お"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/7398418885873676214\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/01\/Google-Form-customize.html#comment-form","title":"4 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7398418885873676214"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7398418885873676214"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/01\/Google-Form-customize.html","title":"Googleフォームをカスタマイズ"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-HBNA86h1-lQ\/Xib63eKLemI\/AAAAAAAAQLs\/-KRae_WmfUAwipII3i4rt2yzbxUsEsFOQCLcBGAsYHQ\/s72-c\/googleform-customize.png","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-2373831821313143044"},"published":{"$t":"2020-01-14T03:03:00.075+09:00"},"updated":{"$t":"2023-09-06T16:30:47.422+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"QooQ に変えました！"},"summary":{"type":"text","$t":"\nBlogger に来て約3年。\nこれまで使ってきたテーマは「シンプル」と「Contempo」で、それぞれもう弄りたいとこが無くなる程にカスタマイズしまくってきたわけですが、年も明けたことだし、心機一転のいい機会でもあるので、久しぶりに新しいテーマに変えてみることにしました。\n今回選んだテーマは最近人気の日本製無料テーマの「QooQ」です。\n\nラムネグシンプルで速い日本語bloggerテンプレート「QooQ」の紹介！blogger日本語テンプレート「QooQ（クーク）」紹介！SEO対策から関連記事までオールインパックになった表示の速いテンプレートですhttps:\/\/blog.dododori.com\/create\/program\/blogger-qooq\/\n実はこれまでずっと公式テーマに拘っていて、サードパーティ製のテーマを使うのはちょっと抵抗があったんですが、段々公式テーマへの執着が薄"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/2373831821313143044\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/01\/chaneged-to-QooQ.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/2373831821313143044"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/2373831821313143044"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2020\/01\/chaneged-to-QooQ.html","title":"QooQ に変えました！"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-lkaRtPMWaoQ\/XhyHgTMcCeI\/AAAAAAAAQG4\/n4PeP1evqUUM-375X2QQubajaqf1mU7jQCLcBGAsYHQ\/s72-c\/qooq.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-217728766522351774"},"published":{"$t":"2019-12-26T18:38:00.023+09:00"},"updated":{"$t":"2023-09-06T16:30:47.419+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#夕焼け"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#月"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#満月"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"ダークモードに月を浮かべる"},"summary":{"type":"text","$t":"\n以前、「色々ダークモードにしてみた」という記事で自分の閲覧環境で可能な限りにダークモード化した事を書きましたが、とりあえずダーク化は保留していたこのブログ、ご覧の通りとうとう「ダークふじろじっく」へと変貌させてしまいました！\n\n色々検討した結果\n閲覧者側で明暗モードを選択できるカスタマイズ手順の記事を参考に導入を検討したものの、ちょっと面倒そうだし、CSSのメディアクエリを使ってダークモード対応させるというやり方もあるけど、これだと対応環境が限られてくるし・・・\nということで、もう手っ取り早くCSSの書き変えで完全ダークモード化に踏み切りました。\n明るいほうが良かったという読者さんもいらっしゃるでしょうけど、私はこっちの方が落ち着きますので、自分の好みを通させていただきますm(_ _)m\n「闇に隠れて生きる」というブログ主のキャッチフレーズ？にもマッチしますし(笑)\nちなみに「手っ取り"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/217728766522351774\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/12\/dark-mode-and-moon.html#comment-form","title":"4 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/217728766522351774"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/217728766522351774"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/12\/dark-mode-and-moon.html","title":"ダークモードに月を浮かべる"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-8gelPekoXfU\/XgRXikFfOXI\/AAAAAAAAO2w\/S4sJg7Wg2ZkoHWfRRXWsJvxGzBl0LARSACLcBGAsYHQ\/s72-c\/dark-fujilogic-moon.png","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3756574441431117708"},"published":{"$t":"2019-12-20T06:54:00.017+09:00"},"updated":{"$t":"2023-09-09T02:21:42.303+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"ブロガラーをフォローしよう #ブロガラー2019"},"summary":{"type":"text","$t":"\n12月2日に\u0026nbsp;Google Blogger Advent Calendar 2019 企画へのエントリー記事を書きましたが、まだカレンダーに何日分か空きがあるようなので、2本目を書いてみることにしました。\n実はてっきり昨日で連続エントリーが途切れるのかと思いきや、思わぬ方が飛び入り参加されまして、せっかくだからもうちょっと繋げてみようかと思った次第です(^^ゞ\n\n前日にエントリーされたのはうにのだんすさんという、ネットも Blogger歴も大先輩な方(私と同年代の女性？)が14年振りに Blogger で書かれたという記事です。\nMemo久しぶりにBloggerを使ってみたよGoogle Blogger Advent Calendar 2019前日（12\/18）の記事はこちらから   Google Blogger Advent Calendar 2019翌日（12\/20）の"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3756574441431117708\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/12\/blog-list-gadget-Bloggerer2019.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3756574441431117708"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3756574441431117708"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/12\/blog-list-gadget-Bloggerer2019.html","title":"ブロガラーをフォローしよう #ブロガラー2019"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-MdHKZOB996I\/Xf3AW4FwKzI\/AAAAAAAAO1A\/sNxFUP7az_MTsfc5h9IHp7Qe9zyY_2V5wCLcBGAsYHQ\/s72-c\/bloglist-gadget.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-898260133967430712"},"published":{"$t":"2019-12-02T00:00:00.023+09:00"},"updated":{"$t":"2023-11-20T23:19:32.902+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"ふじやんのブログ履歴書 #ブロガラー2019"},"summary":{"type":"text","$t":"\nブロガラー仲間の Kyrie（キリエ）さんがこんなちょっと楽しそうなイベントを企画されました。\n\n涯てお茶Google Bloggerだってつながりたい \/ Google Blogger Advent Calendar 2019 参加者募集のお知らせ　#ブロガラー2019Google Blogger Advent Calendar 2019 参加者募集https:\/\/kyrietoast.blogspot.com\/2019\/11\/google-blogger-advent-2019.html\n今回のイベントを簡単に説明しますと、12月1日から12月25日まで、最大25人のブロガーさんたちで、特定のお題に沿った内容のブログを書いてリレー方式でつないでいこう！という企画です。ちなみに一人で複数の日にエントリーするのもOK。なのでもし参加者が誰も来なった場合、一人で25日分書く💧という"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/898260133967430712\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/12\/My-Blog-History-Bloggerer2019.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/898260133967430712"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/898260133967430712"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/12\/My-Blog-History-Bloggerer2019.html","title":"ふじやんのブログ履歴書 #ブロガラー2019"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-yiS9TB1uxCQ\/XcqsEFKWW2I\/AAAAAAAAOZ4\/-nf6N93XE785HUGIbfHFcTPrgxRFPBudACLcBGAsYHQ\/s72-c\/Bloggerer2019.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8155762698111204188"},"published":{"$t":"2019-10-19T17:06:00.080+09:00"},"updated":{"$t":"2023-09-06T16:30:47.430+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"自動目次とスムーススクロール"},"summary":{"type":"text","$t":"\n目次を自動生成してくれるスクリプトを導入しました。\n実は今まで当ブログの一部の記事・ページに付けていた目次は完全に手入力の人力作成💧だったんですが、今後は何もしなくても見出しの含まれる記事では勝手に表示してくれるようになるので、記事作成も楽になります。\nこちらのスケ郎さんが作られたスクリプトを手順通りに設置しただけで簡単に導入できました。\n\nスケ郎のお話[Blogger] 目次を簡単に自動生成（忙しい人向けのコピペ素材）https:\/\/www.sukerou.com\/2018\/10\/blogger-table-of-contents-javascript.html\nデザインはこれまでの人力目次と同じになるように調整しています。その他細かい所も自分好みにカスタマイズ済み。\n↓が自動生成された目次です。\nIB-Note 作の自動生成目次に乗り換えました。\n表示・非表示ボタンいる？\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8155762698111204188\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/10\/auto-toc-with-smooth-scroll.html#comment-form","title":"5 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8155762698111204188"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8155762698111204188"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/10\/auto-toc-with-smooth-scroll.html","title":"自動目次とスムーススクロール"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-6Yb-EE6TwJk\/Xa_rQ_DxIyI\/AAAAAAAAOEs\/rwyTjm4-qCEAY7p4IZTpP7UltwkZrQp9gCLcBGAsYHQ\/s72-c\/auto-toc.png","height":"72","width":"72"},"thr$total":{"$t":"5"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-310420806451900296"},"published":{"$t":"2019-09-25T19:02:00.005+09:00"},"updated":{"$t":"2022-02-22T04:06:05.184+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"Blogger Draft でテーマ編集が改善！"},"summary":{"type":"text","$t":"\nBlogger の開発中の新機能をいち早く体験できる \"Blogger Draft\" (https:\/\/draft.blogger.com) という開発版の管理ページがあるのをご存知ですか？\nこの Blogger Draft で最近色々とアップデートがされているようで、レスポンシブ化等、スマホからの操作が最適化されました。\nBlogger Draft にアクセスするとサイドバーの一番下ににこんな表示が。\n\n\n\nお知らせのポップアップもスマホ向けのためか縦長です。\n\n\nテーマ編集が快適に\n現時点で新デザインになっているのは、「統計情報」「コメント」「テーマ」の3項目だけですが、その中でもテーマ編集が、非常に使いやすく改善されていました。\n現行の編集画面だと特に Chrome での HTML 編集はスクロールが不安定になってガタついたり、改行のない長いコードは行末に移動するに連れて次第に"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/310420806451900296\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/09\/blogger-draft-update.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/310420806451900296"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/310420806451900296"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/09\/blogger-draft-update.html","title":"Blogger Draft でテーマ編集が改善！"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-2zI3gx3t7I8\/XYsj_lEX5vI\/AAAAAAAAN3w\/YTbTCAJom54_mNtATwtsIF0_Kq0WH-dAQCLcBGAsYHQ\/s72-c\/new-blogger.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-7577013359513828188"},"published":{"$t":"2019-09-19T18:16:00.086+09:00"},"updated":{"$t":"2023-09-06T16:30:47.429+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#SNS"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ】オリジナルSNSシェアボタンの設置"},"summary":{"type":"text","$t":"\nQooQ 向けに再編集\n以前公開したオリジナルSNSシェアボタンの設置の記事をご覧になった方が、QooQ テーマでの設置に難儀していると Twitter でコメント頂きまして、最近 QooQ テーマの人気が急上昇中で需要もありそうだし、この際いい機会なので QooQ での手順をまとめてみることにしました。\n\n2021\/05\/10 追記: JavaScript 化した改造版コードを公開しました。\n宜しければこちらもお試しください。\nふじろじっくオリジナル SNS シェアボタン 【JavaScript 版】(2021\/05\/14: コードをアップデートしました)ふじろじっくオリジナルSNSボタンのコードをJavaScript化してみたhttps:\/\/fujilogic.blogspot.com\/2021\/05\/SNS-share-buttons-JavaScript.html\n設置手順\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/7577013359513828188\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/09\/original-snssharebutton-for-qooq.html#comment-form","title":"12 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7577013359513828188"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7577013359513828188"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/09\/original-snssharebutton-for-qooq.html","title":"【QooQ】オリジナルSNSシェアボタンの設置"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-S239dH5GJg4\/X5g9x-grISI\/AAAAAAAAToM\/S1T6zVgi0Q0EuHyyL87c3kbu7PK1J0dwACLcBGAsYHQ\/s72-c\/sns-for-qooq.png","height":"72","width":"72"},"thr$total":{"$t":"12"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-6627740451734747792"},"published":{"$t":"2019-09-17T19:20:00.008+09:00"},"updated":{"$t":"2022-03-24T23:41:43.555+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"404 PAGE IS NOT FOUND?"},"summary":{"type":"text","$t":"\n勝手に消えていた\n前回の満月記事を書いてる途中で異変に気づいた。\n当ブログは検索設定でメタタグを有効にしていて、記事ごとに「検索向け説明」を入れられるようにしているんだけど、いつものように説明を追加しようとしたら・・・項目がない！？\n\n\n\n実は前にも一度同じことがあって、原因は知らない内に勝手に？メタタグが無効になっていた為でした。\nしかも今回は何故かカスタム404ページの内容も消されて未設定状態に。\n\n\nなんで勝手に無効になったのかは今の所不明です。思い当たる事と言えば、満月記事の数時間前に更新した「拡張機能の記事」のカスタムURLを公開後に変更したため、一応念の為にとカスタムリダイレクトを設定したのですが、それが引き金になった？\nただ、試しにカスタムリダイレクトを設定・削除とかしてみても別に異変は起こらず。前回メタタグが勝手に無効になった時にカスタムリダイレクトを弄ってたかどうかは"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/6627740451734747792\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/09\/customized-404-page.html#comment-form","title":"4 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/6627740451734747792"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/6627740451734747792"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/09\/customized-404-page.html","title":"404 PAGE IS NOT FOUND?"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-KeihhBR0KIA\/XYCiHq2ztmI\/AAAAAAAANwM\/Hue2ifFvMOAc-U7a-cRgbEmhri-htXcfgCLcBGAsYHQ\/s72-c\/404.png","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-4801148515912008361"},"published":{"$t":"2019-06-24T18:47:00.017+09:00"},"updated":{"$t":"2023-09-28T00:53:57.685+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Contempo"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Contempo 他】ホームリンクを付けてみた"},"summary":{"type":"text","$t":"\nContempo や Emporio 等の Blogger 新テーマで削られてしまって不便になった機能で、前後記事リンクを表示させる手順は以前書きましたけど、今回は「ホームに戻る」リンクを前後記事リンクの付近に付ける方法を2つ紹介します。\n\n何故ホームリンク？\n新テーマでは、上に固定されているメニューバーの中にホームリンクが入っているので、本来ならわざわざ付ける必要はないんですけど、前々から邪魔に感じていたメニューバーを取っ払っちゃったもんで、代わりのホームリンクをどこかしらに付けとこうかと思った次第です(^^;\n  ちなみに同じくメニューバーに入ってた検索ウィジェットは上サイドバーに設置してます。\nホームリンクの設置\nさて、今回導入するホームリンクですが、これは単なる a タグですので、今回はテーマ編集でHTMLを弄るとかそんな面倒なことはせず、HTML\/JavaScript "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/4801148515912008361\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/add-a-home-link.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4801148515912008361"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4801148515912008361"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/add-a-home-link.html","title":"【Contempo 他】ホームリンクを付けてみた"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-P3MuDFPbaz8\/XRB-UKqd-ZI\/AAAAAAAANE8\/c0HAH6u5g3oYGu2Wi_1094a-vdbynBAlACLcBGAs\/s72-c\/homelink.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3229110775180813716"},"published":{"$t":"2019-06-19T18:26:00.014+09:00"},"updated":{"$t":"2023-09-06T16:30:47.423+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"ブログカードをカスタマイズしてみた"},"summary":{"type":"text","$t":"\n記事内に貼るリンクを視覚的に分かりやすくするために、今までは Embedly というウェブサービスで生成したカードを利用していましたけど、先日たまたまこちらのブログで、オリジナルのブログカードを生成するアプリを公開されているのを知り、中々良さげだったのでこちらに乗り換えることにしました。\n\nバグ取りの日々ブログカードジェネレータを作ってみた     完成品   ブログカードジェネレータ https:\/\/www.bugbugnow.net\/p\/app-blogcard-generator.html      機能    指定URLからOGP情報を取得する  指定の情報からブログカードを作成する    サンプル    ...https:\/\/www.bugbugnow.net\/2019\/01\/Blogcard.html\nEmbedly を「バグ取りの日々」さんのカードに変えるメリットは\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3229110775180813716\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/blogcard-customize.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3229110775180813716"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3229110775180813716"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/blogcard-customize.html","title":"ブログカードをカスタマイズしてみた"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-XrEjO1XrM68\/XQt-Ms5xKnI\/AAAAAAAANB8\/_v_8qeuWN-EdR3ipqoPLqJyhycNyq0emgCLcBGAs\/s72-c\/blogcard.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-9161104127837206503"},"published":{"$t":"2019-06-12T18:03:00.042+09:00"},"updated":{"$t":"2023-09-25T00:04:19.384+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#QooQ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#コメント欄"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【QooQ 他】コメント欄のデザインカスタマイズ "},"summary":{"type":"text","$t":"\n先日当ブログで初めてコメントを頂いたのですが、その際カスタマイズしていたコメントの表示に関して気づいた点があって色々修正や調整しました。\n  ついでに他の新旧バージョンの各テーマでもテストしてみて、当ブログ以外でも概ねカバーできるように調整できましたので、今回はコメント欄のカスタマイズの内容を紹介したいと思います。\n※テーマによっては上手く表示されない場合がありますのでご了承下さい。\n\nコメント欄にも装飾を\n当ブログではコメント欄のデザインも色々拘っています。\nそのままではやや味気ないコメント欄のデザインも、ちょっとした遊び心で手を加えるだけで楽しげな雰囲気に。\nネガティブなコメントやスパムでさえもなんだか嬉しく思え・・・るわけはないよね。\nデフォルトのコメント表示 (Contempo)はこんな感じ。\n(管理者以外から見た場合は、自分のコメント以外には「削除」やは表示されません)\n\n\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/9161104127837206503\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/comment-field-design-customize.html#comment-form","title":"15 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/9161104127837206503"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/9161104127837206503"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/comment-field-design-customize.html","title":"【QooQ 他】コメント欄のデザインカスタマイズ "}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-0YOKrQd1zss\/XQCUnkWXdqI\/AAAAAAAAM8U\/elPFctAU1ZYj-Aay7-QEL0xVjKvAWCVGQCLcBGAs\/s72-c\/commentfield-customize.png","height":"72","width":"72"},"thr$total":{"$t":"15"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-2774770500045316502"},"published":{"$t":"2019-06-08T18:34:00.031+09:00"},"updated":{"$t":"2023-09-28T00:37:45.032+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Contempo"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Contempo】ページリストとハンバーガーアイコンを記事ページでも表示させる"},"summary":{"type":"text","$t":"\nContempo 改良シリーズ第3弾です。前回の締めでネタがないと書きましたが、早速見つかりました。ていうか思い出しました。\n自分でどこを弄ったのかわからなかったけど\n今年の1月に Contempo に変えた時に真っ先に弄って難なく上手く行ったものの、完全に手探りの行き当たりばったりでやってたもんで、どこをどう弄ったのかが思い出せなかったのですが、こちらのウェブサービスでテーマのXMLファイルを差分チェックしてみたところ、あっさり判明しました。\n\nDiffcheckerDiffcheckerhttps:\/\/www.diffchecker.com\/jp\n\n\n左が Contempo のデフォルトのXML\n右が現状のふじろじっくカスタム\n色が付いてる所が今まで弄りまくった所\n\nここホント便利でオススメですよ。テーマ弄ってて何か不具合が起きた時に原因を突き止められたりとか、今まで何度助けられた"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/2774770500045316502\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/display-pagelist-and-hamburgericon-on-postpage.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/2774770500045316502"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/2774770500045316502"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/display-pagelist-and-hamburgericon-on-postpage.html","title":"【Contempo】ページリストとハンバーガーアイコンを記事ページでも表示させる"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-TERdY1IsRu0\/XPt1Y9_661I\/AAAAAAAAM0M\/XxoF9DkL-ZIbTsYXlaxhFfnH7YFPAGwjwCLcBGAs\/s72-c\/pagelist-hamburgericon.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3837811628475633929"},"published":{"$t":"2019-06-07T17:00:00.011+09:00"},"updated":{"$t":"2023-09-06T16:30:47.424+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Contempo"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Contempo】全てのページでラベルを表示させる"},"summary":{"type":"text","$t":"\nContempo テーマの謎仕様改良シリーズ第2弾です。今回もまた気になるところをサクッと直しちゃいましょう！\nということで、前回はトップページのサムネイルにリンクを付けるカスタマイズを施しましたけど、今回は記事ページ以外で非表示になっているラベルを、常時表示させるようにしてみたいと思います。\n\n\n\nテーマ編集は必ず予めバックアップを取ってから行って下さい。\n条件分岐タグを消す\nテーマのHTML編集にて\u0026nbsp;\u0026lt;b:includable id='postLabels'\u0026gt;を検索で探します(編集画面内をクリックでアクティブな状態にして Ctrl + F で検索できます)。\n全部で4ヶ所あります。一番上は無関係で、上から2つ目が「注目の投稿」、3つ目が「ブログの投稿」、4つ目が「人気の投稿」用のラベル表示を制御しているコードです。※「人気の投稿」ウィジェットを複数置いている"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3837811628475633929\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/display-postlabels-allpage.html#comment-form","title":"6 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3837811628475633929"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3837811628475633929"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/display-postlabels-allpage.html","title":"【Contempo】全てのページでラベルを表示させる"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-Pe0UB618pio\/XPnm0jxi-QI\/AAAAAAAAMx4\/2CI4Y0vrS8UBMpzTYVaKwFbcT6hGNWAzgCEwYBhgL\/s72-c\/display-labels.png","height":"72","width":"72"},"thr$total":{"$t":"6"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-2679113439381823027"},"published":{"$t":"2019-06-05T18:47:00.067+09:00"},"updated":{"$t":"2023-09-06T16:30:47.422+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#ブラウザ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"Chrome と Firefox の拡張 \"Stylus\" で Blogger の複数ブログの管理を便利に。"},"summary":{"type":"text","$t":"\nBlogger で複数のブログを運営されている方で、管理画面で間違えて別のブログのテーマやレイアウトを変えてしまったり、記事を誤爆してしまった！😱 なんて経験をされた事はないですか？\nえ？ないって？ 少なくとも私と さんがつさんはあります・・・😇\n\n\n\nたまに間違えて、違うテンプレート弄ってしまい、大変な事になりますけどね！\n— さんがつ (@sangathusaezuri) 2019年2月14日\nそういううっかりミスをしてしまう原因は管理画面の見た目が全部同じで紛らわしいからなんですよね。(たぶん…)例えばブログごとに背景の色が違ってたりすれば、非常に判りやすくなって間違えるリスクも減るというわけです。\nこれはウチの4ブログのそれぞれの色分けした投稿ページです。わかりやすいでしょ？\n(メインブログはデフォルトの白のままです)\n\nとは言え、ブログ本体ならまだしも管理画面の CSS "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/2679113439381823027\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/blogger-dashboard-customize-with-stylus.html#comment-form","title":"12 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/2679113439381823027"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/2679113439381823027"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/blogger-dashboard-customize-with-stylus.html","title":"Chrome と Firefox の拡張 \"Stylus\" で Blogger の複数ブログの管理を便利に。"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-lx4HRUGv6a8\/X1IyeY2ZHfI\/AAAAAAAATOA\/xWr2VQUKubMbR7iaXur9lKYm0y1DCgqOgCLcBGAsYHQ\/s72-c\/blogger-stylus.png","height":"72","width":"72"},"thr$total":{"$t":"12"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3440930599136662236"},"published":{"$t":"2019-06-04T22:43:00.088+09:00"},"updated":{"$t":"2023-10-17T17:16:25.643+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Blogger画像"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"Bloggerの画像の小技 (2021\/10\/08: 新仕様 URL に関して追記しました)"},"summary":{"type":"text","$t":"\nBloggerにアップロードした画像に関するちょっとした便利ワザをご紹介します。\n画像URLについて\nBloggerにアップした画像のURLはこんな感じになってます。※ .bp の左の数字は画像によって変わります。(1～4)\nhttps:\/\/1.bp.blogspot.com\/...\/...\/...\/s1600\/画像ファイル名.JPG\nこの中の赤字の部分はデフォルトだと \"s1600\" になっているのですが、これは長辺を最大1600pxで表示させるためのパラメータで、この数値を変えると自由に表示サイズを変えたりすることが出来るのです。\n\n任意のサイズに変更\n例えばこの画像、アップロード時のオリジナルサイズは 4320px なのですが\n\n\nデフォルトのURL (最大1600px)\nhttps:\/\/1.bp.blogspot.com\/-dc15OmqRa2k\/XO6p92gk1yI\/"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3440930599136662236\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/blogger-image-tips.html#comment-form","title":"5 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3440930599136662236"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3440930599136662236"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/blogger-image-tips.html","title":"Bloggerの画像の小技 (2021\/10\/08: 新仕様 URL に関して追記しました)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-HBEtsSYuVPM\/Yx2cL0vgngI\/AAAAAAAAYgs\/mZQ6-H-ub4siB7j7MqgkzT8f7rVD1Zh6wCNcBGAsYHQ\/s72-c\/Blogger-image-tips.png","height":"72","width":"72"},"thr$total":{"$t":"5"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-4101758701918365470"},"published":{"$t":"2019-06-03T18:03:00.014+09:00"},"updated":{"$t":"2023-09-06T16:30:47.425+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Contempo"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#リアクションツール"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Contempo他】Bloggerにはてなスターを付ける"},"summary":{"type":"text","$t":"\n今回のカスタマイズ内容は Contempo 等の公式新テーマ(Emporio を除く)限定です。\n  Emporio や旧テーマでもテストしてみましたが上手くいきませんでした。\n\n\n\nBlogger でも使える？\nはてなのリアクションサービスである「はてなスター」は、はてな以外のブログサービスにも設置が可能で、当ブログでも以前から利用しています。\nはてな Supportはてなスターはじめてガイドhttps:\/\/hatena.zendesk.com\/hc\/ja\/articles\/900002669366\n対応ブログサービスのリストには Blogger も含まれています。\nですが、Blogger の場合は手順通りにスクリプトを設置しても、トップページの記事タイトル横にはてなスターは表示されますが、個別ページでは表示されません。これではあまり意味がないですよね。表示されない原因は単純で、個別"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/4101758701918365470\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/Hatenastar-on-Blogger.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4101758701918365470"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4101758701918365470"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/06\/Hatenastar-on-Blogger.html","title":"【Contempo他】Bloggerにはてなスターを付ける"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-e8W1YzZXteM\/YZ9ueMv62SI\/AAAAAAAAWvE\/-wjWn5fLUmcGMhYhQjOpEmexnBZYttN4gCLcBGAsYHQ\/s72-c\/Blogger-hatenastar.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-4005674963455501613"},"published":{"$t":"2019-05-26T19:46:00.019+09:00"},"updated":{"$t":"2022-04-30T10:56:26.420+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"ブロガラーとは"},"summary":{"type":"text","$t":"\n\nこの記事は旧ブログで2019年3月24日に投稿したものを一部リライトしています。\nどういう意味？\n最近私のTwitterフォロワーさん界隈でジワジワ広まりつつあって、このブログのサブタイトルにも書いてある「ブロガラー(Bloggerer)」という謎のワード。一体これは何だろう？と思われてる方もいらっしゃるかもしれません。\n\n\n\nこれ、私が考えた造語で、Bloggerブログユーザーの呼称なんです。\n\"Blogger\" に「～する人」を意味する \"er\" を付けただけですが、ググってみても殆どヒットせず、他に誰も使ってないような単語です。まあ英語的にもおかしいですからね。\nきっかけは\nなんでこんな変な単語を使い出したのかと言うと、とあるフォロワーさんのプロフに書かれていた「Blogger民」という呼称を見かけて… なるほど、こんな呼び方もあるのかと。確かに「Bloggerユーザー」だと"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/4005674963455501613\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/what-is-bloggerer.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4005674963455501613"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4005674963455501613"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/what-is-bloggerer.html","title":"ブロガラーとは"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-QgTAlkyQxhA\/XhJAnOjfGoI\/AAAAAAAAQB4\/gQoyW5DyDVkfTYsiyosl8VVGGA8IgNMYQCLcBGAsYHQ\/s72-c\/what-is-bloggerer.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3328523574989977066"},"published":{"$t":"2019-05-19T21:38:00.015+09:00"},"updated":{"$t":"2023-11-20T23:24:26.962+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"Bloggerユーザーさんたちとの繋がり"},"summary":{"type":"text","$t":"\n旧ブログで2019年2月7日に投稿した記事です。\nBlogger ユーザー繋がりで最近よくTwitterでお話しする さんがつ(@sangathusaezuri)さん。その さんがつさんが先日こんなつぶやきを・・・\n\n\n\nブログを読んでとても共感したけれど、いいねボタンが無い・・でもコメントは恥ずかしくて出来ない。・・・でも本当にとても共感したんだよぉ〜って言うのを知らせたいけど出来ないジレンマとblogger😔\n個人的に、ジレンマとbloggerは類語。\n— さんがつ (@sangathusaezuri) 2019年2月3日\nすごく気持ち分かります。私も最初の頃は他所様のブログにコメントするなんて恐れ多くて😓ずっと見る専でしたから。そんな私でも今は、共感したり、何か伝えたい！と思ったら迷わずコメントできるようになりました。ネガティブな内容でもない限り、コメント貰って嬉しくない人"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3328523574989977066\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/communication-with-bloggers.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3328523574989977066"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3328523574989977066"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/communication-with-bloggers.html","title":"Bloggerユーザーさんたちとの繋がり"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-80KbSBjaauA\/YZ9rwxOYGsI\/AAAAAAAAWuc\/prDSxaatMQIh-ACw71GVf_TWOXIWhCPPgCLcBGAsYHQ\/s72-c\/Blgger-Clover.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-6688667516517723874"},"published":{"$t":"2019-05-12T09:00:00.010+09:00"},"updated":{"$t":"2023-09-06T16:30:47.428+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Contempo"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"【Contempo】トップページのサムネイル画像にパーマリンクを付ける"},"summary":{"type":"text","$t":"\nContempo テーマは、人気の投稿ウィジェットのサムネイル画像には記事へのリンクが付いているのに、何故かブログの投稿記事と注目の投稿の画像はリンクになっていません。ということでHTMLを弄ってリンク化させます。\n\n\n\n※これは架空の記事です\n\nテーマ編集は必ず予めバックアップを取ってから行って下さい。\nサムネイル画像タグの編集\nテーマのHTML編集にて\u0026nbsp;\u0026lt;div class='snippet-thumbnail'\u0026gt;\u0026nbsp;を検索で探します(編集画面内をクリックでアクティブな状態にして Ctrl + F で検索できます)。\n全部で４ヶ所あって、一番下がブログ投稿記事用で、下から２番目が注目の投稿記事用です。\n\n\nその下の部分のコード\n\u0026lt;b:include data='{\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/6688667516517723874\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/toppage-thumbnail-permalink.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/6688667516517723874"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/6688667516517723874"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/toppage-thumbnail-permalink.html","title":"【Contempo】トップページのサムネイル画像にパーマリンクを付ける"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-AVjmRcLKt48\/XQDHj2fOFwI\/AAAAAAAAM8s\/W18KIV7FD_Y2SE6cOnGCrAt3sRwlbyncQCLcBGAs\/s72-c\/thumbnail-permalink.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3570973026601875728"},"published":{"$t":"2019-05-11T09:00:00.106+09:00"},"updated":{"$t":"2023-11-08T01:23:36.812+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"「次の投稿」「前の投稿」を記事タイトルに置き換えるスクリプト (別のおすすめスクリプトを追記しました)"},"summary":{"type":"text","$t":"\n\nはじめに\nContempo や Emporio 等の公式新テーマの場合は、予めページネーション(前後記事リンク)を表示させるようにしておく必要があります。詳しい手順はこちらを御覧ください →\n\nふじろじっくページネーション(前後記事リンク)を表示させるこれは基本的に無くてはならない機能ですよね。https:\/\/fujilogic.blogspot.com\/2019\/05\/display-pagenation-link.html\n注意点\n前後記事リンクを記事タイトルに置き換えるスクリプトを使うと、アクセス時に前後記事のPVもカウントされてしまいます。「人気の投稿」のランキングが不正確になってしまう等の弊害がありますので、その点をご留意くださいませ。\n\n2020\/07\/29 追記: 不具合対応\n一部の環境で上手く表示されない不具合があったようなので改善策を施してみました。上手く表示され"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3570973026601875728\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/posttitled-pagenation.html#comment-form","title":"17 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3570973026601875728"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3570973026601875728"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/posttitled-pagenation.html","title":"「次の投稿」「前の投稿」を記事タイトルに置き換えるスクリプト (別のおすすめスクリプトを追記しました)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-BGhaHifB-Lw\/Yx2YDizDRrI\/AAAAAAAAYgc\/yqRU7B-Sx0MCsrqw9dmqLRiHCwf4EpNeACNcBGAsYHQ\/s72-c\/titled-pager.png","height":"72","width":"72"},"thr$total":{"$t":"17"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-5051990017751194058"},"published":{"$t":"2019-05-10T09:00:00.029+09:00"},"updated":{"$t":"2023-09-06T16:30:47.426+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Contempo"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"投稿日表示のフォーマットのカスタマイズ (エラーになる場合の対処法を追記しました)"},"summary":{"type":"text","$t":"\n投稿日の表示を日本語仕様(年月日)に変更します。\nこのカスタマイズは Contempo や Emporio 等、新バージョンのテーマ用です。\n\n参照記事\n些細な日常Bloggerの時刻のフォーマット／投稿の年月日と曜日の並び替えのカスタマイズBloggerブログの公開日の時刻のフォーマットは七種類が選択可能だけれども他のスタイルで年月日と曜日を並び替えて表示するカスタマイズの方法を更新日を含めて新旧のテーマ毎に独自タグかJavaScriptで取り上げている。https:\/\/www.nagahitoyuki.com\/2018\/09\/customize-bloggers-time-format-to-sort-year-month-date-and-day-of-the-week-of-the-post.html\n導入手順\nテーマ編集は必ず予めバックアップを取ってから行って下さい。\n①2つ"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/5051990017751194058\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/timestamp-format-customize.html#comment-form","title":"2 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5051990017751194058"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5051990017751194058"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/timestamp-format-customize.html","title":"投稿日表示のフォーマットのカスタマイズ (エラーになる場合の対処法を追記しました)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-b-29wk6nsBQ\/Yx2Wt6HtPOI\/AAAAAAAAYgU\/Lb2NI6SGaqkaAw95Pv75pWtHeHRvcyyyACNcBGAsYHQ\/s72-c\/timestamp-format.png","height":"72","width":"72"},"thr$total":{"$t":"2"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-824216602867784347"},"published":{"$t":"2019-05-09T09:00:00.065+09:00"},"updated":{"$t":"2023-09-06T16:30:47.420+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#SNS"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"オリジナルデザインのSNSシェアボタンを付ける"},"summary":{"type":"text","$t":"\n\n【2020\/10\/25 追記】\nPinterest ボタンのコードを追加しました。\nリンクコピーボタンも Font Awesome アイコンにしました。\n角型デザインボタンのCSSは削除しました。\n\n\n【2021\/05\/10 追記】\nJavaScript 化した改造版コードを公開しました。宜しければこちらもお試しください。\nふじろじっくオリジナル SNS シェアボタン 【JavaScript 版】(2021\/05\/14: コードをアップデートしました)ふじろじっくオリジナルSNSボタンのコードをJavaScript化してみたhttps:\/\/fujilogic.blogspot.com\/2021\/05\/SNS-share-buttons-JavaScript.html\n\n\nスクリプトコードの設置\nテーマ編集は必ず予めバックアップを取ってから行って下さい。\nスクショは Contempo "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/824216602867784347\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/original-sns-sharebuttons.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/824216602867784347"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/824216602867784347"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/original-sns-sharebuttons.html","title":"オリジナルデザインのSNSシェアボタンを付ける"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-ZEIMaavi8vQ\/X5g-ToayOmI\/AAAAAAAAToY\/_KrP7LFBrxgLU0FNLiUIE9moRQBwI3KpgCLcBGAsYHQ\/s72-c\/share-buttons.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-3725325176209002976"},"published":{"$t":"2019-05-07T09:00:00.093+09:00"},"updated":{"$t":"2023-09-06T16:30:47.424+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"HTML サイトマップウィジェット  (2022\/07\/10 一部を改良したコードを公開しました)"},"summary":{"type":"text","$t":"\nこちらの My Blogger Lab で紹介されているウィジェットを日本語化しました。\nMy Blogger LabHow to Add an HTML Sitemap Page in BloggerWant to create a sitemap page with links to all the pages on your Blogger site? Learn how to easily add an HTML sitemap page in Blogger in this guidehttps:\/\/www.mybloggerlab.com\/2016\/08\/how-to-add-html-sitemap-page-in-blogger.html\n\n\n\nこのウィジェットについて\n\nこのウィジェットは投稿済みの全記事が投稿日昇順で表示されますが、デフォルトで表示するラベルを選択"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/3725325176209002976\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/sitemap.html#comment-form","title":"15 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3725325176209002976"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/3725325176209002976"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/sitemap.html","title":"HTML サイトマップウィジェット  (2022\/07\/10 一部を改良したコードを公開しました)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-FveG4aV39WI\/Yx2VbZ47reI\/AAAAAAAAYgM\/rRn-KTf_IQowRwQOLf5Y-qNPYux8EJm7gCNcBGAsYHQ\/s72-c\/ja-sitemap-widget.png","height":"72","width":"72"},"thr$total":{"$t":"15"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8459467158856963344"},"published":{"$t":"2019-05-06T09:00:00.011+09:00"},"updated":{"$t":"2023-09-06T16:30:47.431+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#Contempo"},{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"ページネーション(前後記事リンク)を表示させる"},"summary":{"type":"text","$t":"\nContempo や Emporio 等の新テーマでデフォルトでは表示されない前後記事リンクを表示させます。\n\nテーマ編集は必ず予めバックアップを取ってから行って下さい。\n導入手順\n①ページネーションタグの追加\nまず下準備として記事ページにページネーションを表示させるためのタグを追加します。\nテーマのHTML編集にて「Blog1」を検索で探します(編集画面内をクリックでアクティブな状態にして Ctrl + F で検索できます)。\n\n\nその30～40行ぐらい下(テーマによって位置が異なる)にあるタグ\u0026lt;b:include name='super.main'\/\u0026gt; のすぐ下に\u0026lt;b:include cond='data:view.isPost' name='postPagination'\/\u0026gt;\u0026nbsp;をコピペで挿入します。\n\n\n②「新しい投稿」のリンク作成\n\u0026lt;b:"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8459467158856963344\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/display-pagenation-link.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8459467158856963344"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8459467158856963344"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/display-pagenation-link.html","title":"ページネーション(前後記事リンク)を表示させる"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-Fc_16mIEVvM\/Yx2UHkwYmGI\/AAAAAAAAYgE\/cmJeJ3fM5Mk1UFWy-qR3JsgpOjFuTf8yQCNcBGAsYHQ\/s72-c\/v2-theme-pager.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-5551716438493917923"},"published":{"$t":"2019-05-05T09:00:00.120+09:00"},"updated":{"$t":"2023-09-06T16:30:47.427+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"番号付きページャーの設置"},"summary":{"type":"text","$t":"\n\n記事一覧ページの前後記事リンクを番号ページャーに置き換えるカスタマイズを紹介します。\nこちらの Mr Blogger Tricks さんでで紹介されいるウィジェットを少し改造したものを導入します。\n\nMr Blogger TricksHow To Add Next \u0026amp; Previous Numbered Pagination in BloggerBlogger platform provides its users with a traditional set of blog elements. like Older \/ Newer or Previous \/ Next navigation to browse through the index.https:\/\/mrbloggertricks.blogspot.com\/2015\/09\/"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/5551716438493917923\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/numbered-pagenation.html#comment-form","title":"37 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5551716438493917923"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/5551716438493917923"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/numbered-pagenation.html","title":"番号付きページャーの設置"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-lpGRz393CVM\/Yx2STEc8FGI\/AAAAAAAAYf8\/f7wdbrnmvXsmOsFqrg-WeddY8SJyXdJ6gCNcBGAsYHQ\/s72-c\/numbered-pager.png","height":"72","width":"72"},"thr$total":{"$t":"37"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-7195963851757834775"},"published":{"$t":"2019-05-03T09:00:00.118+09:00"},"updated":{"$t":"2023-09-06T16:30:47.429+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"ページャー機能付き最新記事ウィジェット"},"summary":{"type":"text","$t":"\n全記事遡って表示可能なページャー機能付きの最新記事ウィジェットです。\nオリジナルコードを改良して、サムネ画像の WebP 化や loading=\"lazy\" による遅延読み込み仕様になっています。\nQooQ、Essential、Emporio でレイアウト調整済です。\n\n\nウィジェットの設置\n\n以下のコードを、レイアウト編集ページにて「HTML\/JavaScriptガジェット」のコンテンツ内にコピペし、表示させたい位置に設置します。\n  表示件数を5件以上にするとレイアウトが崩れてしまいますので、\u0026lt;style\u0026gt; 内の2か所ある#rpcontainerのheightの数値を増やして調整して下さい。例: 10件にした場合の推奨値\n#rpcontainer {\n  1130px;\n}\n@media (max-width: 1024px ) {\n  #rpcontainer {\n"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/7195963851757834775\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/recent-post-widget.html#comment-form","title":"11 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7195963851757834775"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/7195963851757834775"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/recent-post-widget.html","title":"ページャー機能付き最新記事ウィジェット"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-5mBjQyIUbKQ\/Yx2QHIXiQsI\/AAAAAAAAYf0\/_P0TF6PsK48iMqRKKfK-4Hf7LDIQ2yQiwCNcBGAsYHQ\/s72-c\/recent-posts-with-pager.png","height":"72","width":"72"},"thr$total":{"$t":"11"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-4155460022588295389"},"published":{"$t":"2019-05-02T09:00:00.029+09:00"},"updated":{"$t":"2023-09-06T16:30:47.425+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"最新コメントウィジェット (別のおすすめウィジェットを追記しました)"},"summary":{"type":"text","$t":"\n\n\nこのウィジェットについて\n\n投稿者名とコメント概要のみのシンプル表示。記事タイトルやコメント投稿日時は表示されません。\nコメント内に a タグ(リンクタグ)が含まれているとレイアウトが崩れる可能性があるので注意。\nFont Awesome導入済みの環境では、コメント投稿者名の横に吹き出しアイコン\u003C!-- Font Awesome Free 5.15.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --\u003Eが、概要文の右側にアイコンが表示されます。Font Awesome を導入するには、以下のコードをテーマの HTML編集画面にて \u0026lt"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/4155460022588295389\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/recent-comment-widget.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4155460022588295389"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/4155460022588295389"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/recent-comment-widget.html","title":"最新コメントウィジェット (別のおすすめウィジェットを追記しました)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-IozvIEnzH6Q\/Yx2Nn6VZI6I\/AAAAAAAAYfs\/MRONLM4i1TA7_dMbmY7UyT2QTJ3Tw4jXwCNcBGAsYHQ\/s72-c\/recent-comment.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-2735695560066944553"},"published":{"$t":"2019-05-01T09:00:00.027+09:00"},"updated":{"$t":"2023-09-14T01:35:50.484+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"#カスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"ページトップに戻るボタンの設置(ページ最下部へ飛ぶボタンを追加しました)"},"summary":{"type":"text","$t":"\nこのウィジェットについて\njQuery を使用します。\nFont Awesome のウェブアイコンを使用します。\nCSS はお好みで適宜変更して下さい。\nテーマ編集は必ず予めバックアップを取ってから行って下さい。\nFont Awesome の導入\n以下のコードをテーマの HTML編集画面にて \u0026lt;\/head\u0026gt;の上に置いて下さい。 \n\u0026lt;link href='https:\/\/use.fontawesome.com\/releases\/v5.14.0\/css\/all.css' rel='stylesheet' type='text\/css'\/\u0026gt;\nスクリプトコードの設置\n以下のコードをテーマの HTML編集画面にて \u0026lt;\/body\u0026gt;の上にコピペします。\n既に jQuery を導入済みの場合は2行目のタグは不要。\n\u0026lt;!--ページトップボタン--\u0026gt;\n\u0026lt"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/2735695560066944553\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/page-top-button.html#comment-form","title":"0 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/2735695560066944553"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/2735695560066944553"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2019\/05\/page-top-button.html","title":"ページトップに戻るボタンの設置(ページ最下部へ飛ぶボタンを追加しました)"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-zht_ix0tST0\/Yx2MuTv6iMI\/AAAAAAAAYfk\/YYnZYIzCarsqTqxeem0URinZX_sC-FhwACNcBGAsYHQ\/s72-c\/top-bottom-jump.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-5377390612546612653.post-8549614441200139723"},"published":{"$t":"2017-06-09T06:15:00.004+09:00"},"updated":{"$t":"2022-03-24T23:56:54.004+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"}],"title":{"type":"text","$t":"コメント出来ない？"},"summary":{"type":"text","$t":"\nふじろぐ読者(推定３名)の内のガラホユーザーの方から、コメント出来なくなったとの知らせがありました。\nその方、ブログ開設初期(２月)に伝言板の方にコメント下さってたので、少なくともその頃は問題なくコメント出来てたようです。\nその後、色々CSSやHTMLなんかも弄ってたので、何かしらの不具合を誘発させちゃったんだろうか？\nそれともBloggerさんお得意の謎の仕様変更？\n何せそれ以降のコメントがないのでいつからそうなったのかが分からない(~_~;)\nまあ多分、ガラホ自体がかなり特殊な仕様なようなので、その辺の兼ね合いなんじゃないかなとは思いますがね。\n元々ここは数人にしか教えてないのでコメントも別に期待してなかったとは言え、(おそらく)一番見に来てくれてたそのガラホユーザーさんがコメント出来ないというのは何とも残念です。\nとりあえず今思いつく対策を施してみたもののやはりダメそうな感じです"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/fujilogic.blogspot.com\/feeds\/8549614441200139723\/comments\/default","title":"コメントの投稿"},{"rel":"replies","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2017\/06\/comment-error.html#comment-form","title":"6 件のコメント"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8549614441200139723"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/5377390612546612653\/posts\/default\/8549614441200139723"},{"rel":"alternate","type":"text/html","href":"https:\/\/fujilogic.blogspot.com\/2017\/06\/comment-error.html","title":"コメント出来ない？"}],"author":[{"name":{"$t":"ふじやん"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/10434796764055583563"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhXnb8hkO6qxlS5gvBNFAKaClvsvToWcnA_0gazQgkTacYhGh5shCXIPCmYVVSDJtry-QcSv7mmVBSeikiq_i2NTbi3qAp20HOLrqNEHo301zWQ9-xLGdrlgyConmMJT8g\/s113\/fujiyan.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-FCqmKK1GKKs\/XhrwYHjJsZI\/AAAAAAAAQF4\/PXyUhmkYn48NeNJ5Pvq5jAL3moewaZMrQCLcBGAsYHQ\/s72-c\/comment-error.png","height":"72","width":"72"},"thr$total":{"$t":"6"}}]}});