Cara Mengganti Background Gambar di Blog

Mengganti Background Blogger
Blog/web merupakan salah satu cara untuk berbagi ilmu pengetahuan, berita bahkan pengalaman pribadi agar bisa dimanfaatkan oleh orang lain, melihat fungsi dan tujuan blog begitu berbeda-beda pastinya seorang pemilik blog ingin tampilan blognya sesuai dengan isi artikelnya.

Untuk menyesuaikan tema blog dengan isi artikel memang sudah banyak situs-situs penyedia template blogger gratis yang bisa kita download akan tetapi dengan banyaknya template gratis yang bisa kita download juga bersamaan dengan bertambahnya pemilik akun blogger dan bukan tidak mungkin nantinya template yang kita gunakan akan sama di samping itu terkadang seorang blogger juga ingin mengganti background blognya dengan foto milik sendiri bahkan untuk menyesuaikan artikel yang berbeda-beda seorang blogger juga terkadang Membuat Background Berbeda di Setiap Halaman, untuk itu dalam tutorial kali ini kang roni akan memberi cara bagaimana mengganti background gambar blog dengan gambar milik sendiri atau yang kita inginkan.

Sebelum melangkah lebih lanjut kang roni akan memberi tips bagaimana cara mengetahui perbedaan antara background image dan background yang hanya menggunakan kode warna.

1.Tampilan blog yang menggunakan Background gambar/image
Salah satu cara termudah untuk mengetahuinya sobat tinggal buka blog dengan browser firefox kemudian arahkan panah mouse pada bagian blog tertentu kemudian klik kanan pada mouse disitu sobat pasti akan menemukan tulisan View Background Image tampak jelas dan apabila diklik sobat akan langsung menuju pada link gambar.Lihat gambar dibawah:

mengganti header

mengganti header

Perhatikan lingkaran merah pada dua gambar di atas itu adalah ciri bahwa tampilan blog menggunakan background tipe gambar karena tulisan View Background Image tampak jelas.

2.Tampilan blog yang menggunakan background dengan kode warna
Salah satu cara termudah untuk mengetahuinya sobat tinggal buka blog dengan browser firefox kemudian arahkan panah mouse pada bagian blog tertentu kemudian klik kanan pada mouse disitu sobat pasti akan menemukan tulisan View Background Image tampak kabur/tidak jelas karena tidak terdapat link/url gambar.Lihat gambar dibawah:

mengganti header

Perhatikan lingkaran merah pada gambar di atas tulisan View Background Image tampak kabur/tidak jelas.

Setelah sobat mengetahui perbedaan antara background bertipe image dengan background yang hanya menggunakan kode warna selanjutnya kang roni akan mengajak sobat untuk mengetahui bagaimana caranya mengganti background bertipe gambar di blogspot dengan gambar milik sendiri.

Cara Mengganti Gambar Background Blogger
1.Buka halaman utama blog kemudian arahkan mouse dan klik kanan pada gambar yang ingin di ganti, sebagai contoh dalam tutorial ini kita akan mengganti gambar header blog itu berarti sobat harus mengklik kanan pada gambar header Seperti gambar dibawah.

mengganti header

Kemudian pilih dan klik View Background Image,setelah itu sobat akan dibawa pada halaman Url/link gambar.Lihat gambar

mengganti header

Perhatikan garis hijau pada gambar di atas itu adalah link gambar header yang juga ada di dalam template sobat.

2.Setelah sobat mendapatkan link gambar selanjutnya sobat masuk pada halaman Edit HTML dan temukan link tadi, untuk mencarinya sobat tinggal tekan tombol F3 pada keyboard nanti akan keluar kotak pencarian kemudian masukkan link/url gambar header tadi, klik Next dan lihat url-nya langsung kelihatan.

3.Setelah Url/link ditemukan sobat tinggal menggantinya dengan link gambar yang di inginkan.
4.Simpan Template dan lihat hasilnya pada home page.

Sekian tutorial blog dari kang roni untuk Cara Mengganti Background Tipe Image/Gambar di Blog.


Related Post:

10 comments:

Smith Anandari said...

Kang, saya pingin buat supaya background saya atasnya gambar tertentu, lalu scroll tengahnya gradasi warna, dan bagian bawah pagenya ada gambar lagi, bagaimana tekniknya? visit Blogger saya

Smith Anandari said...

blog uji cobanya sudah saya liat, tapi bukan itu maksud saya. Bisa lihat di blog. Apa ini berlaku untuk wordpress aja atau ada teknik nya di blogger? Makasih sebelumnya :)

roni said...

bisa akan tetapi tutorialnya agak panjang

SR11 said...

Kalo mengganti background blognya gimana Kang?

roni said...

Setelah melihat blog sobat coba cari kode yg seperti ini

body {
background:

disampingnya terdapat kode warna #fff lalu ganti dengan kode warna blog lain.bila ingin diganti dengan background gambar kodenya seperti ini

body {
background: url(http://2.bp.blogspot.com/-dInkjr3WREA/T2LEwatEfaI/AAAAAAAADbA/g8_ddaeyf8s/s1600/bg.jpg);
---------------------------------
Bila tidak ada coba cari yg seperti ini

#blog-pager {
text-align: center;
width: 638px;
clear: both;
background: #FFF;

atau_______________________

body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#fff

dan kode warna #fff lalu ganti dengan kode warna blog lain.
Bila tidak bisa juga sobat kasih tahu kang roni dimana template sobat di download biar kang roni bantu selesaikan.

Abdul Rohim STP Sahid Tasik said...

Wah mntap,,
Klo misal dah diganti backgroundnya dgn gambar, apa tampilan di main wrapper jga bisa backgroundnya gambar trsebut,,
Mhon pncerahnnya yaaaa,,
Plis

Rakhmad Nursyahbandi said...

Trima kasih infonya gan, salam kenal . . .

Rakhmad Nursyahbandi said...

Trima kasih infonya gan, salam kenal . . .

roni said...

salam kenal untuk semuanya.

Untuk sobat abdul rohim: bisa sob

Uem Cuters said...

Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

Post a Comment