0 Cara Mengganti Background Blog Dengan Gambar

Sudah pasti banyak para blogger yang memposting Cara Mengganti Background Blog Dengan Gambar, namun tidak ada salahnya jika Prabu Helau Dinata juga ikut memposting Cara Mengganti Background Blog Dengan Gambar, mungkin para blogger yang mampir ke Prabu helau dinata membutuhkan artikel ini , Sebenarnya awalnya saya tidak tahu cara mengganti background blog dengan gambar, namun karena saya berusaha dan banyak bertanya dengan yang punya buka-rahasia.blogspot.com dan membaca artikel dapur-tutorial.blogspot.com akhirnya berhasil juga, mudah2an yang merasa mempunyai kedua artikel ini tidak keberatan bila saya posting artikel ini dengan menggabungkan ke dua artikel, walaupun kita tau banyak juga para blogger yang Langsung COPAS artikel milik orang lain tanpa memberitahu alamat URL sumber, dengan Alasan yang mempunyai artikel belum pernah mendaftarkan karyanya di HAKI, dan tidak mempunyai kekuatan hukum di Indonesia, namun untuk kesopanan dan etika, saya tetap mencantumkan sumber artikek ini seperti tersebut diatas, walaupun sedikit perubahan yang saya lakukan demi kemanfaatan artikel ini.
Kita Langsung saja sob,
bagi sobat yang tertarik dengan Cara Mengganti Background Blogger Dengan Gambar  ikuti langkah berikut ini :

1.Login ke Akun Blogger Sobat

2. Edit HTML/Templeate

3. Cari Kode body{       

4.Setelah ketemu , rubah kode tersebut dengan kode ini

body{background:url(https://lh6.googleusercontent.com/-PVL9p11LUoo/UTuFdYsxSUI/AAAAAAAAA9A/KCT2jftntyU/s718/bar.jpg);background-repeat-y:repeat-x;margin:0;color:#ddd;text-align:center;} 

5.Klik Simpan

6.Liat Hasilnya

Catatan :

Cara Tersebut bisa berhasil bila blogg sobat belum memiliki background, Bila Blog sobat sudah memilik bacjground maka sobat ikuti langkah berikut :

a.cari kode tag ini: body{ (gunakan Ctrl+F untuk mencari dengan cepat)

    Atau bisa juga dengan mencari kode selengkapnya/menambahkan kode setelah body {seperti berikut:

   body{background-image: url(alamat url gambar anda);

b. Ganti alamat url gambar anda dengan alamat gambar background yang telah anda host.
c. Save template

Yang perlu diperhatikan adalah ukuran gambar anda, usahakan untuk tidak menggunakan gambar dengan byte yang besar, usahakan di  bawah 50 Kb, agar tidak membuat loading berat dan lama.
Gambar memiliki ukuran pixel yang berbeda-beda. Pastikan hasil gambar background blog anda penuh dari kiri ke kanan dan dari atas ke bawah. Untuk membuat gambar background penuh diperlukan pengulangan. Gunakan tag repeat (mengulang) ke kanan/samping: repeat-x, dan ke bawah: repeat-y. Berikut contoh untuk pengulangan ke kanan/samping::

body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/

                 TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg

);background-position:top left;background-repeat: repeat-x; ....dst}

agar gambar juga mengisi hingga ke bawah (hingga footer halaman), tambahkan repeat-ytepat disamping repeat-x. Contoh:

body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/

TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg

);background-position:top left;background-repeat: repeat-x repeat-y; ....dst}

Jika anda tidak ingin gambar anda berulang baik ke kiri atau ke bawah, cukup gunakan kode no-repeat. Contoh:

body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/

TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg

);background-position:top left;background-repeat: ; ....dst

 Demikian Cara Mengganti Background Blogger Dengan Gambar, selamat mencoba moga sukses

Baca Juga Artikel Menarik Dibawah Ini :

Trik Blog Pemula

• Cara Membuat Gambar Animasi
• Cara Membuat Tombol Back To Top dan Go to Down
• Cara Membuat Widget Komentar Terbaru Bergerak Dari Bawah Ke Atas
• Cara Membuat Headline News Terbaru Tanpa Edit Template
• Cara Membuat Kotak Penulis dan Permalink
• Cara Memasang Iklan Di Kiri Kanan Blog
• Cara Memasang Iklan Di Bawah Blog
• Cara Membuat Tulisan Mengikuti Kursor
• Cara Membuat Album Photo Unik Di Blog
• Cara Membuat Efek Zoom Gambar Di Blog
• Cara Membuat Iklan Animasi
• Cara mudah membuat kode scroll pada widget
• Cara Menampilkan Posting Blog Ke Fans Page Facebook Secara Otomatis
• Cara Membuat Widget Artikel Terbaru Efek Slideshow Di Blogspot
• Membuat Artikel Terkait Dalam Kotak Scrol Bar
• Cara Membuat Fans Page Facebook Di Blog

Komentar →