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

    IEの自動アップグレード開始!!とうとうIE6が無くなる!

    先日よりちょっとした話題になっていたIE、Internet Explo…

  2. Tips

    【Tips】ThunderBirdからOutlookへのメール移行方法

    長年使ってきたThunderBirdですがとある理由でOutlookへ…

  3. Tips

    【Tips】iPhoneのメモ帳をPC(Gmail)に簡単同期する方法

    iPhoneのメモ帳すごい便利ですよね私もちょっとしたメモや写真な…

  4. Tips

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

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

  5. Tips

    プロバイダOCNの方は必見! 無料で迷惑メールを振り分ける機能とやり方

    最近では迷惑メール対策が月額100円等そういったサービスが多くなっ…

  6. Tips

    ノートパソコンの意外な省電力をする方法      壁紙の設定で省電力!?

    ノートパソコンはデスクトップと違いバッテリーが付いていますこの…

コメント

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

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

最近の記事

PAGE TOP