Wednesday, 18 March 2015

Cara Mengganti Background Blog dengan Foto/ Gambar Sendiri

Mengganti atau mengubah background atau latar belakang blog sebenarnya merupakan hal yang mudah jika pernah anda lakukan.  Akan tetapi bagi yang belum pernah melakukannya mungkin sedikit bingung bagaimana dan darimana harus memulainya. Setelah beberapa saat lalu saya pernah memberikan cara mengganti template dan daftar situs template keren, kali ini saya akan memberikan cara yang juga berkaitan dengan memperindah tampilan blog yaitu dengan mengganti background atau latar blog dengan gambar atau foto milik anda sendiri.

Pada dasarnya background standar sebuah blog telah diatur oleh template dasarnya, akan tetapi kita juga dapat mengubahnya sesuai keinginan kita, yaitu dengan gambar maupun warna standar lainnya. Untuk dapat mengganti background blog anda silahkan langsung saja baca langkah berikut:
Backgroun blog
Backgroun blog
Cara Mengganti Background Blog dengan Foto/ Gambar melalui Menu Sesuaikan

1. Silahkan login/ masuk ke akun blogger anda terlebih dahulu
2. Pilih menu ‘Template’ – ‘Sesuaikan’ – ‘Latar Belakang’
3. Klik di bagian ‘Gambar Latar’ kemudian akan muncul jendela pop up dan pilih gambar yang telah
disediakan oleh pihak blogger atau jika anda ingin menggunakan gambar atau foto sendiri silahkan lanjut dengan klik ‘Pilih Gambar’ – ‘Pilih File’ – ‘Open’ – dan Klik ‘Selesai’

Tips:
- Pilihlah gambar yang memiliki ukuran tidak terlalu kecil yang menyebabkan gambar pecah dan terlalu besar yang menyebabkan loading blog lama. Usahakan ukurang foto berukuran dibawah 100 kb, dengan ukuran (resolusi) minimal 1024x768 pixels.
- Gunakan pratinjau untuk melihat hasil background yang baru anda tambahkan dan aturlah hingga sesuai dengan keinginan.

Cara Mengganti Background Blog dengan Foto/ Gambar melalui Edit HTML

1. Setelah berada di dashbord akun blogger anda, klik menu ‘Template’ – ‘Edit HTML’
2. Lakukan pencarian kata #body atau .body (gunakan Ctrl+F untuk mencari)
3. Carilah kode background di dalam/ dibawah kode body tadi
Contoh:
body {
background: #18E115;
 …….
 …….
           }
4. Ganti kata background tersebut dengan
background:#cccccc; url(url gambar anda); repeat-y;

0 komentar:

Post a Comment

bagus sangat membatu bagi kami
sering-seringlah enteri file yang baru
kami merasa senang dan bangga atas kebedradaan blog ini