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>

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

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

  • コメント: 0

関連記事

  1. Tips

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

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

  2. Tips

    年末年始の太り防止に!! Google検索でカロリーが表示されるようになりました

    Google検索で食べ物や素材を検索するといつの間にかカロリー…

  3. Tips

    インターネットの裏側をご紹介 ブログやYoutubeなどの管理画面をご紹介します

    ちょっと大げさな記事タイトルなんですがブログの管理画面やホーム…

  4. Tips

    ノートならIE9!? Chromeよりもバッテリーが長持ちするそうです。 ブラウザの消費電力

    とある海外の記事で面白い記事がありましたのでご紹介ノートパソコ…

  5. Tips

    『Tips』 Excelで「令和」に手動で対応させる方法をご紹介

    手動で新しい元号「令和」にExcelを対応させる方法をご紹介来…

  6. Tips

    金閣寺や札幌時計台、熊本通潤橋など観光場所をライブカメラで見てみると面白い

    意外と知らない人が多いライブカメラという機能無料で公開されてい…

コメント

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

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

最近の記事

PAGE TOP