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

    【Tips】突然Chromeで広告や不要な通知が表示されるようになった場合の対処方法

    Chromeでとあるサイトの通知を許可にしたら突然広告などがデ…

  2. Tips

    Windows10で.net Framework3.5をインストールする方法

    今回からWindows10に切り替わり心機一転いろいろなアプリ…

  3. Tips

    【注意】 自作PC内のケーブル配線にご注意!? グラボが焼け焦げた話

    新年早々に物騒な記事で申し訳ないのですが実際に年末に我が身に起…

  4. Tips

    お宅のルータは大丈夫?? 初期パスワードで使っている人は要注意

    AdobeFlashPlayerの修正を装った不正プログラムに…

  5. Tips

    Yahoo!で旧ブラウザを使っている環境に注意書き ブラウザを最新にする方法も

    Yahoo!にてIE6などの古いブラウザに対してバージョンアッ…

コメント

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

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

PAGE TOP