Cara Mengganti Background Blog dengan Gambar

Cara Mengganti Background Blog dengan Gambar

sds

5/08/2013

1 Komentar

Cara Mengganti Background  Blog dengan Gambar - Alhamdulillah kali ini saya akan update postingan lagi yang dimana sebelumnya saya telah membahas tentang Cara Menempatkan Iklan di Bawah Postingan. Dan kali ini saya akan membahas tentang Cara Mengganti Background Blog dengan Gambar.

Seperti yang telah diketahui oleh beberapa blogger baik yang sudah mahir ataupun masih awam bahwa tampilan blog adalah salah satu kunci utama agar pengunjung blog lebih nyaman berada di blog kita dan akan sering masuk ke blog kita. Tampilan blog sendiri banyak macamnya, ada yang tampilan background, tampilan postingan, tampilan header, dan lain-lainnya.

Dan untuk saat ini saya akan membahas tentang tampilan background. Mungkin dari beberapa blogger ada yang tidak senang dengan background templatenya karena warnanya tidak sesuai dengan keinginannya bahkan ada juga yang tidak senang karena warna yang sangat mencolok. Maka dari itu, banyak blogger yang ingin mengganti background blognya dengan sebuah gambar. Terus pertanyaannya, bagaimana Cara Mengganti Background Blog dengan Gambar ?

Berikut ini Cara Mengganti Background Blog dengan Gambar :
1. Anda harus login di blogger.com
2. Kemudian masuk di bagian Template dan pilih Edit HTML
3. Cari kode .body atau #body (selalu di bagian atas), untuk memudahkan dalam pencarian gunakan Ctrl + F
4. Setelah ketemu cari yang mirip dengan kode dibawah ini

.body-fauxcolumn-outer{
background-color:#f8f8f8;
margin-top:20px; color:#333;
color:#222; text-align:center;
font-family:Arial; font-size:14px}

5. Setelah itu anda tinggal tambahkan kode di bawah ini tepat di dibawah atau di samping kode background-color:#f8f8f8;

background-image:url(Url Gambar yang ingin dijadikan background);

6. Kemudian anda preview untuk melihat hasilnya. Jika sudah bagus anda tinggal save dan nikmati background baru anda.

Untuk sahabat blogger yang ingin punya background yang sama seperti yang saya gunakan, pakai url gambar di bawah ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtmwV4zc2gnxRtFdGJbtBmHNw70FnWbwUJIODw_frFYLTJ2DRgmiGuEIHJnbWwcqjqEXd2Q9HiysbG-yAPYwLZ2gyzZrwxnTg_AJMUVzoNc0LXWTod5TNneAH5GHUKUp8JsZg6S1UGLigc/s1600/background.png

Jadi jika ingin pasang mengganti background blog anda sama dengan yang saya pakai maka hasilnya seperti kode di bawah ini

.body-fauxcolumn-outer{
background-color:#f8f8f8;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtmwV4zc2gnxRtFdGJbtBmHNw70FnWbwUJIODw_frFYLTJ2DRgmiGuEIHJnbWwcqjqEXd2Q9HiysbG-yAPYwLZ2gyzZrwxnTg_AJMUVzoNc0LXWTod5TNneAH5GHUKUp8JsZg6S1UGLigc/s1600/background.png);
margin-top:20px; color:#333;
color:#222; text-align:center;
font-family:Arial; font-size:14px}

Mudah kan Mengganti Background Blog dengan Gambar ?

Demikian dulu trik dari saya tentang Cara Mengganti Background Blog dengan Gambar semoga dapat bermanfaat dan jika ada masalah tentang diatas, anda bisa menanyakan dengan berkomentar di bawah.