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

    Facebookのページの作成方法 意外に簡単に作成可能です

    私がよく参考にしているブロガーさんもFacebookページをお持ちのよ…

  2. Tips

    【Tips】Windowsキーとカーソルのホットキーが便利!! ウィンドウを簡単に配置

    意外とWindows標準では多くのホットキーが用意されていますが…

  3. Tips

    【Tips】Windows10の日本語入力の予測候補が邪魔で見えない!! という時の対処方法

    Windows10の標準のIME日本語入力便利で変換も賢くて使…

  4. Tips

    BaiduIMEの削除方法 無断で入力データを送信していたようです

    最近になって大きく話題になっているBaiduIMEの問題このB…

  5. Tips

    Tips Googleで立ち読み? 書籍を検索しよう Google書籍

    Googleには前回のように色々と検索出来る事を紹介しましたが…

コメント

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

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

最近の記事

PAGE TOP