Mengganti Background Blog Dengan Pattern


   Blog ini lah sebagai contohnya... bagi yang sudah pernah berkunjung ke blog ini sebelumnya pasti tau perbedaannya...
Yup... backgroundnya berubah dari warna gelap menjadi gambar bercorak...

Ini berawal karena aku bosen ngeliat background yang gitu gitu aja.. terus aku putusin untuk sedikit mengutak atiknya... bermodal gambar gambar/ pattern yang mbah google berikan, langsung dech...
jhahaha....

nah, buat kalian yang juga tertarik untuk mengganti atau sekedar ingin tau aja, berikut adalah cara caranya :
  1. Setelah loggin, langsung menuju ke Layout -► Edit HTML
  2. Lalu cari kode css berwarna merah berikut :

    body {
    background:$bgcolor;
    margin:0;
    color:$textcolor;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }
  3. Lalu ganti dengan

    background: #000000;
    kode #000000 untuk warna hitam. Nah kalau ingin warna yang lain, kalian bisa lihat disini.
  4. Nah, kalau kalian ingin memasang gambar bisa juga. Tinggal kalian tambahkan

    background: #000000 url(url gambar kalian);
    contoh untuk gambar berikut :


    background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOB5Yqk3uZxUfzyim0KMW6IH1FO8KInBiLErhwVq1ld_hFmJ31QHEjpvJxpdGP79eG9ke1zDY4s9GtJ1EjpWNmkIQcK3BzJY4-XFVAtWGa-jr63Gj_EF3Xbc3TZZ0Df5aLRWAFFrQdo1cf/s400/pattern.png);
  5. Untuk mengatur gambarnya, kalian bisa menambahi kode :

    • no-repeat : berarti gambar gak akan diulang, atau kalian bisa ganti dengan
    • repeat : Mengulang-ulang gambar
    • repeat-x : mengulang secara horizontal
    • repeat-y : Mengulang secara vertikal
    Sehingga akan seperti :

    background:#FFFFFF url(URL_GAMBAR) repeat top left;
    top left sendiri adalah posisi background bisa anda ganti misalnya bottom right dan sebagainya.
sedikit tambahan saja, jika kalian mau mencari koleksi background, kalian bisa mencarinya disini:


1 komentar:

Plisss...
Jangan nyepam (spam), jangan promosi (apapun itu), jangan SARA, jangan OOT...

Mohon kerja samanya, berikan komentar yang berbobot dan bermanfaat bagi semua... ^^

Artikel Unggulan

Panduan Makan Sehat bagi Generasi Z: Tips Mudah untuk Menjaga Energi dan Kesehatan

Menjaga Kesehatan dan Energi saat Berlatih: Nutrisi Penting untuk Atlet Generasi Z Gaya hidup aktif dan olahraga merupakan hal yang sangat p...

Paling Populer dalam Sebulan