Wednesday 8 May 2013

Wednesday 8 May 2013

Cara Mengganti Background Blog dengan Gambar

Cara Mengganti Background  Blog dengan Gambar
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.

+ comments + 1 comments

19 August 2013 at 06:28

Thanks sob ini yang ane cari2 >< akhirnya work :D
komen back :)
http://imanyusufbidin.blogspot.com/

Terimakasih Iman Yusuf atas Komentarnya di Cara Mengganti Background Blog dengan Gambar
Post a Comment