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

    お宅のルータは大丈夫?? 初期パスワードで使っている人は要注意

    AdobeFlashPlayerの修正を装った不正プログラムに…

  2. Tips

    【Tips】 Gmailで迷惑メールを自動的に削除する方法

    Gmailでは自動でスパムメールなどを振り分けてくれる機能がありますが…

  3. Tips

    Tips google動画の検索をしてみよう

    先日は画像でしたが今回は動画を検索してみましょうGoogleに…

  4. Tips

    無償化!! GoogleEarthProが無料になりました

    年額400ドルだった有償版のGoogleEarthProが無料…

  5. Tips

    【Tips】毎回起動してくるMicrosoft Teamsを起動させない方法をご紹介

    Officeのインストール時に自動で導入されたTeamsですが使わ…

コメント

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

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

最近の記事

PAGE TOP