Tips Mengganti Image Background

 Hai.. apa kabar ne sobat blogger?
Semoga sehat slalu yach,,,
   "O iya pada postingan kali saya akan coba menjelaskan bagaiman caranya untuk mengganti background blog.mungkin bagi sobat yang pingin  blognya mempunyai tampilan background yang lain atau dengan kata lain tiadak itu-itu melulu,
Tapi menurut saya kalou kita mengganti background itu ada dua hal, yang pertama ya itu hanya warna backgroundnya saja seperti halnya warna belakang dari itu blog sendari. Yang kedua kita bisa menggantinya dengan background image/gambar.

Namun kalou kita mau mengganti backgruond dengan image/gambar kita harus pandai dalam memilih gambar, karena apa? kalau kita mau menggantinya kita harus bisa menyesuaikan antara
background image tersebut dengan depannya, semisal text atau object-object yang lain, yang jika di pasang, itu tidak akan memicu kontra antara background image tersebut dengan tampilan depannya yang di sebutkan tadi. 

Nah jika kita mau mengganti,,, terlebih dulu kita harus mempersiapkan gambar yang kira-kira kalau kita di padukan nantinya akan benar-benar serasi, contonya yang umum sepeti warna putih dan warna hitam,atau biru dan putih, asal jangan memadukan yang nantinya akan mengsamarkan kedua-duanya (jadi gak jelas) contohnya,,,kuning dan putih, nah mungkin sobat lebih paham dalam soal memaduka warna,

   "Biar sobat tidak pensaran dengan cara apa kita bisa merubahnya,, yuk ikuti langkah-langkah berikut ini:

  • Untuk menganti background warna, untuk template lama.

  1.  Sign in ke blogger.
  2. Klik menu template.
  3. Klik edit menu HTML.
  4. Klk download template lengkap (untuk jaga-jaga)
  5. Rubahlah kode warna asli template itu,
Seperti misalnya di template itu kodenya seperti di bawah ini, perhatikan yang waran biru,

      body {
      background:#fff;
      margin:0;
      padding:40px 20px;
      font:x-small Georgia,Serif;
      text-align:center;
      color:#333;
      font-size/* */:/**/small;
      font-size: /**/small;
      }

Lalu misalkan kita ingin merubah menjadi warna merah, maka kodenya jadi seperti ini :

      body {
      background:#ff0000;
      margin:0;
      padding:40px 20px;
      font:x-small Georgia,Serif;
      text-align:center;
      color:#333;
      font-size/* */:/**/small;
      font-size: /**/small;
      }

   6. Klik tombol pratinjau untuk melihat perubahan.
   7. Jika sudah merasa cocok, klik tombol simpan/save.
Jika sobat blogger agak kurang paham untuk kode warna, saya punya sedikit kode dan untuk melihat kodenya silahkan klik disini

 "Nah sekarang untuk background dengan menggunakan background image/gambar, selanjutnya sobat seharusnya sudah mempunyai file gambar. bisa itu photo sendiri atau file gambarnya. yang sudah kita upload kesebuah situs menyimpanan online, seperti photobucket misalnya.

Dan untuk ukuran gambar tidak usah yang terlalu besar, karena nantinya file gambar yang ukurannya kecilpun akan bisa menutupi ukuran background blog kita
seperti yang saya punya ukurannya hanya seperti gambar di bawah ini:


atau seperti ini...



 Nah cara untuk menggunakannya/menerapkannya,,, ya itu sebagai berikut.

  1. Sign in ke blogger.
  2. Klik menu layout.
  3. Klik menu edit HTML.
  4. Klik download template lengkap.(untuk jaga-jaga)
  5. Klik kotak kecil yang berada di samping bertuliskan Expand Template Widget.
  6. Tunggu sebentar beberapa saat sampai peroses selesai.
  7. Tambahkan kode berikut pada style sheet css sobat (yang warna Biru adalah kode yang harus di tambahkan) :

      body {
      background:$bgcolor url('http://i930.photobucket.com/albums/ad143/soend/No_options-1.jpg');
      margin:0;
      color:$textcolor;
      font:x-small Georgia Serif;
      font-size/* */:/**/small;
      font-size: /**/small;
      text-align: center;
      }


   8. Klik tombol Pratinjau untuk melihat perubahan


   9. Bila sudah merasa cocok/pas, klik simpan


  10. Selesai.



Semoga bermanfaat.


Category Article

What's on Your Mind...

Silahkankan berkomentar disini