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

    PCの使用者名を変更する方法 簡単に設定変更できます

    Windowsの初期設定時にコンピュータの使用者名を設定したものの…

  2. Tips

    Bloggerに画像を遅延表示させるプラグインを導入してみました lazyload

    最近ブログでよく見かけるLazyloadスクロールすると画像が…

  3. Tips

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

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

  4. Tips

    WindowsXPの草原 Googleストリートビューで現在の姿が見れますよ

    もうすぐWindowsXPのサポート終了という事で企業や個人P…

  5. Tips

    Google AdsenseがGroupon一色に Adsenseの広告フィルターで回避策

    このブログでもAdsenseで広告を出している訳ですが最近は一…

  6. Tips

    【Tips】Chrome高速化 キャッシュを無効にして快適なるかも

    GoogleChromeや他のブラウザを使っていると段々と遅くなる原因…

コメント

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

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

PAGE TOP