Bagaimana Cara Mengganti Gambar dan Warna Backgroud Blog ?

Sebagian blogger masih menginginkan blog mereka terlihat cantik dan menawan. Tentu saja, banyak tips dan tutorial yang disediakan di intern...

Sebagian blogger masih menginginkan blog mereka terlihat cantik dan menawan. Tentu saja, banyak tips dan tutorial yang disediakan di internet. Hal ini juga terkai dengan warna dan backgroud blog Anda. Lalu bagaimana cara mengganti warna dan backgroud blog ? 

Setiap template pasti telah memberikan warna dan backgroud bawaan, namun hal itu bisa Anda siasati dengan mengubahnya sesuai dengan keinginan Anda. Nah, sebenarnya ada beberapa cara untuk mengubah warna dan gambar background pada blog Anda. Anda bisa perhatikan step-step berikut ini :

Cara yang pertama :

Anda bisa mengubah warna dan gambar background blog Anda melalui setting pada blog, adapun caranya yaitu :

1.   Silahkan Login/masukakun blog Anda terlebih dahulu

2.   Lalu silahkan masuk dashboard

3.   Silahkan Anda klik – Template -- lalu klik – Sesuaikan --

4.   Pada halaman yang muncul, Anda bisa menmgatur gambar, lebar, warna, tulisan pada blog Anda. Jika Anda menginginkan gambar yang berbesa, Anda juga bisa upload gambar pada koleksi gambar di komputer Anda, silahkan klik -- Unggah gambar -- lalu klik -- Pilih file -- pilih gambar yang Anda simpan pada komputer, klik – Open --

5.   Lalu simpan template Anda dengan meng-klik "Terapkan ke blog"

Catatan : 
Perlu Anda ketahui bahwa cara ini biasanya hanya digunakan pada template gratis bawaan blogger. Pada template luar, biasanya ini tidak support, artinya Anda tidak bisa mengubah melalui cari ini. Lalu bagaimana ? Gunakan cara kedua, perhatikan step-step berikut ini.


Cara yang kedua :

Cara kedua ini dengan memainkan beberapa kode HTML, jika Anda sendiri kurang bisa mengetahui tentang kode HTML, Anda bisa menerapkan beberapa langkah berikut ini :

1.   Silahkan Login/masukakun blog Anda terlebih dahulu

2.   Lalu silahkan masuk dashboard

3.   Silahkan Anda klik – Template -- lalu klik – Edit HTML–

4.   Pada kolom kode HTML, cari kode di bawah ini : ( Anda bisa menggunakan CTRL dan F untuk memudahkan pencarian kode tersebut)

      body {

5.   Setelah Anda menemukan kode di atas, biasanya kodenya seperti berikut ini :

      body {
      .................................
      background: #FFFFFF
      .....................................
      ......................................
      }

6.   Kode #FFFFFF menunjukkan warna background blog, Anda bisa mengganti kode #FFFFFF dengan kode lainnya misalkan #C0C0C0. Jika Anda tidak tahu tentang beberapa kode warna HTML, Anda bisa menemukannya di www.computerhope.com.

Namun biasanya setiap template ada banyak kode yang berbeda termasuk kode warna background. Kode warna background blog Anda tidak harus seperti di atas (#FFFFFF), itu tergantung warna background blog.

7.   Untuk mengganti background blog, Anda bisa menambahkan kode di bawah ini setelah kode warna blog Anda.

url(http://thecutestblogontheblock.com/wp-content/uploads/2011/11/faire-isle-fantasy-2c-free-shabby-vintage-flags-pink-and-blue-blog-background-copy-1000x500.jpg) fixed repeat-y center top;

Misalkan jika Anda sudah menggantinya, kode akan berubah seperti berikut :

body {
.................................
background: #FFFFFF url(http://thecutestblogontheblock.com/wp-content/uploads/2011/11/faire-isle-fantasy-2c-free-shabby-vintage-flags-pink-and-blue-blog-background-copy-1000x500.jpg) fixed repeat-y center top;
.....................................
......................................
}

Catatan :
Anda bisa mengganti kode http://thecutestblogontheblock.com/wp-content/uploads/2011/11/faire-isle-fantasy-2c-free-shabby-vintage-flags-pink-and-blue-blog-background-copy-1000x500.jpg dengan URL gambar yang Anda pilih sendiri, browsing di berbagai web atau blog.

8.   Simpanlah template yang sudah Anda ubah.

Catatan :
Pastikan Anda tidak menutup halaman kode HTML setelah menyimpan perubahan kode, cek dahulu perubahan yang terjadi. Jika background blog Anda belum berubah atau malah berantakan, silahkan tekan CTRL dan Z pada halaman template kode HTML untuk mengembalikan kode pada sebelum disimpan.

Baca juga tutorial terkait :
Cara Membuat Gambar Membesar Saat Kursor Menyentuh
Cara Membuat Gambar Posting Berputar Saat Kursor Menyentuh

Name

Bisnis Online Blogging Doa-doa Fiqih Gaming Inspirasi Internet Keluarga Kisah teladan Life Pekerjaan Pendidikan Relationship Religi Tips Tutorial Blog
false
ltr
item
Pelangi Blog: Bagaimana Cara Mengganti Gambar dan Warna Backgroud Blog ?
Bagaimana Cara Mengganti Gambar dan Warna Backgroud Blog ?
Pelangi Blog
http://www.pelangiblog.com/2014/03/bagaimana-cara-mengganti-gambar-dan.html
http://www.pelangiblog.com/
http://www.pelangiblog.com/
http://www.pelangiblog.com/2014/03/bagaimana-cara-mengganti-gambar-dan.html
true
6152984874501812302
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy