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

    悪質な広告にご注意!! Microsoft画面のような広告が出たらご注意

    先日に知人のPC画面に表示された広告画面メールでもリンク先がM…

  2. Tips

    4つのGoogle Picasaの裏ワザ・豆知識をご紹介

    Google Picasaは便利な写真管理ソフトですが、かなり高機能で…

  3. Tips

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

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

  4. Tips

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

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

  5. Tips

    ある日突然迷惑メールが・・・ どのサイトに入会したら迷惑メールが来るのか実験してみます

    ある日を境に急に迷惑メールが来るようになった・・・という経験が…

  6. Tips

    Youtube アクセス数アップを伝授 実際に試してみました

    Youtubeにて公開されている視聴者を増やす工夫と収益増加のヒン…

コメント

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

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

PAGE TOP