Posts

Showing posts from December, 2017

HTML/JavaScript の設定でWeb上のスペース(空白文字)を表示する

Image
BloggerのContempoテンプレートでサイドバーのレイアウトが詰められすぎる…空白スペース(赤枠)で調整できないか調べたところ、文字実体参照「 」を連続して書けば、空白文字が連続表示されました。HTML内でも複数のスペース(空白文字)を連続して入れたい、Web上のスペース(空白文字)を表示したい場合に有効です。 ※Google および Google ロゴは Google LLC の登録商標であり、同社の許可を得て使用しています。  (C) Google 赤い枠内に「     」を挿入するだけ ①Bloggerレイアウト ②HTML/JavaScriptの設定 ③コンテンツに上記「       」を挿入 ④保存  (C) Google 参考サイト HTMLで使えるスペース(空白文字)の入れ方いろいろ/All aboutデジタル

Milliard関連記事をBloggerモバイル版の記事下に表示する方法

Image
Milliardの関連記事を導入したものの、モバイル版に表示されない。 公式の Bloggerでテンプレートを直接編集して指定位置に直接関連ページを出力する方法 でも解決しないので、調べたらやっと出来ました… Milliard関連記事の作成方法 ① 画像のように各自 関連記事ツール設定画面 からコード生成します。 ② PC版のリストを2列にしたいので、表示件数を偶数にしています。 そしてフッターのガジェットに追加します。 (現時点でPC版はブログの一番下に表示されます) ③ HTML編集で <data:post.body/> を探すと、二つ出てきます。 (HTML内の何処かを押して「command + F」検索画面が出ます。) 1番目がPC版 2番目がモバイル版 それぞれの直下に生成したhtmlを挿入すると、PC版とモバイル版の記事下に関連記事が出ます。 ※テンプレートによっては一つだけで、PC版とスマホ版共通しています。 ④ 次に下記をCSSに追加し、1列から2列に変更します。 /* PC版 関連記事 Milliard カスタマイズ */ @media screen and (min-width: 1200px) {  .ssArticlesContainer {   overflow: hidden;  /* ←横並び解除の設定 */ } .ssArticlesContainer .ssPanel {    margin: 0 2% 0 0;   width: 48%;   float: left;   line-height: 1.4;   font-size: 90%; }  .ssArticlesContainer .ssPanel a:hover {   text-decoration: underline;  /* ←マウスオーバーでアンダーライン */ } div.ssOriginalTemplateImgContainer img.ssImg {   height: 80px;  }} 

離乳食にも!3分でお粥ができる栄養豊富なオートミール

Image
出産してから数ヶ月が経過しました。毎朝の洗濯掃除を一通り済ませ、息子がひとり遊び中やお昼寝中の午前に夕食を10分~15分で作る。少しでも勉強や育児について調べたいので、時間との勝負です。朝食や昼食はパッと作れるトーストや白米を食べています。でも栄養面でいえば物足りない … 色々調べた結果、ロールドオーツで美味しいご飯が時短料理できる事を知り、実践してみました。 ロールドオーツとは オーツ麦のもみ殻を取り除いたオートグローツ蒸してから平らにし、乾燥させたオートミールです。加熱処理され薄くなっているので調理しやすいのが特徴です。 玄米よりも食物繊維約3.5倍、カルシウム約5倍、鉄分約2倍! 栄養価が高く、食物繊維とミネラル、カルシウムが豊富に含んでいます。低GIなので血糖値上昇を抑制します。糖質制限にも適しており、ダイエットにも効果抜群ですね。水に溶けやすい水溶性の食物繊維なので、水分を吸収しコレステロールと共に排出してくれる作用があります。つまり便秘にも良い! 私は妊娠前からひどい便秘ですが、オートミールを食べてから快腸続きです。 Bob's Red Mill, オーガニック, 極厚ロールドオーツ 32オンス (907 g) オーガニック食品や生活用品はいつもiherbで購入しています。 日本で買うよりも1/3の値段なのでお得です。 成分 オーガニック全粒粉オーツです。 ナッツ、大豆、小麦、ミルクを使用する施設で製造されており、防腐剤と化学添加剤は含まれていません。 USDA、QA認定のオーガニック食品なんですね。 Bob's Red Millは1日に48g以上の全粒穀物を摂取を推奨しています。 USDAの栄養ガイドラインでは、1日の推奨全粒穀物を1サービング16グラムを3回と定めているのですが、Bob's Red Millのオーガニック極厚ロールドオーツ1食分でほぼこの3回分の全粒穀物が摂取できます。 オートミールの保存方法 冷蔵1ヶ月 (メーカーに確認したところ、普通のオートミールなら半年保つ製品もあるようですが、Bob's Red Millはお米と同じ感覚で食べきった方が良いそうです。)

Annie's Naturals お気に入りのオーガニックケチャップ

Image
市販のケチャップは添加物がいっぱい。安心して食べるために美味しくてオーガニック食品を探していたところ、iherbで発見!口コミがとても良く期待を込めて購入。 Annie's Naturals, オーガニック ケチャップ 24 oz (680 g) USDAオーガニック認証でグルテンフリー。人工着色料、防腐剤不使用です。 成分 *トマトペースト、*蒸留白酢、水、*サトウキビ、海塩、*タマネギ、*オールスパイス、*クローブ (*有機成分) 肝心のお味ですが、食べたら普通のケチャップには戻れません。 スパイスが効いててこのケチャップをかけただけで一品料理ができる! 野菜と一緒に煮込んだトマト料理のような味です。 通常ケチャップは開封後冷蔵庫で1ヶ月で使い切らねばなりませんが、無添加なので出来たらもっと早めに食べきらねば?と思い、iherbに確認したところ3ヶ月可能だそうです。大容量なので良かった。