Tips

Blogger 背景画像をオリジナルに設定する方法

ふとBloggerの背景を自分の画像を使いたいという事で

色々と調べてみました。。

今回用意した画像は

DSC_8310

まずBloggerのダッシュボードから

「デザイン」→「テンプレートデザイナー」と進みます

テンプレートデザイナー内の背景で

「背景を削除」をクリックで背景を削除

次に「アドバンス」でCSSを追加

下記のコードを挿入してください

テンプレートが「Simple」以外の場合

<pre><code>.body-fauxcolumn-outer {background-image: url(画像のURL);background-repeat: repeat;background-attachment: fixed;background-position: left top;}.body-fauxcolumn-outer div {background: none;}</code></pre>
<pre>

テンプレートが「Simple」の場合]

</pre>
<pre><code>.body-fauxcolumn-outer {background-image: url(画像のURL);background-repeat: repeat;background-attachment: fixed;background-position: left top;}.body-fauxcolumn-outer div,.body-fauxcolumn-outer .fauxcolumn-inner,.body-fauxcolumn-outer .cap-top,.body-fauxcolumn-outer .cap-top .cap-left {background: none;}</code></pre>

これで画像の変更が出来ます

こだわり派にはオススメです

関連記事

  1. Tips

    ストックフォトの複数社の写真管理の為のページを作りました

    先ほどご紹介しましたストックフォトサービスですが各社に写真を送信な…

  2. Tips

    【Tips】見逃しているかも・・・ Facebookに新着メッセージ来ていませんか?

    Facebookでも直接やりとりできるメッセージ機能ですがイン…

  3. Tips

    freesoft Blogger 5分でブログの始め方 レイアウトを細かく決めてみよう

    さてお気に入りのテンプレート デザインは決まりましたでしょうか??…

  4. Tips

    疑問!? Windowsの壁紙設定でパソコンは重たくなる!? 検証してみました

    色々とお客さんのPCを触る事が多い中重たいPCには壁紙を無地に…

  5. Tips

    10分で出来る!! 60言語に自動翻訳できるWebサイトを作る事が出来る便利な方法を紹介 Googl…

    Webサイトをたった10分で60もの多言語化出来る便利な方法です…

  6. Tips

    インク節約!! 詰め替えキットでインク代を節約しよう  約1/3ぐらいになります 年賀状や寒中見舞い…

    年賀状が終わってもまだまだカレンダー作りや寒中見舞いなどプリン…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP