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

予測変換や顔文字など多彩な機能にオリジナル辞書もスキン変更なBaidu Typeを試してみました前のページ

HD動画を快適に再生出来るメディアプレイヤー splash lite軽い、日本語対応次のページ

関連記事

  1. Tips

    Google Chrome 5つの裏技をご紹介 便利で快適になります

    普段使っているブラウザGoogle Chromeを更に使いやすくする裏…

  2. Tips

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

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

  3. Tips

    【Tips】パソコン作業で目が疲れる、痛いという方は一度部屋を少し暗くしてみては如何でしょうか。。

    以前まではPCの作業は明るい部屋で!というのが一般的な考え方の様な気が…

  4. Tips

    Tips 楽天からのメールマガジンの配信を止める

    楽天からのメールっていつの間にかすごい量になっていて迷惑メール…

  5. Tips

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

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

コメント

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

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

最近の記事

PAGE TOP