2: Cara Mengganti Background dengan Pattern

Saya suka menggunakan background garis-garis warna-warni. Kenapa? Karena selain ceria, bikinnya gampang, filenya juga berukuran kecil. Bagaimana cara membuatnya? Nah.. Untuk ini, kamu butuh Adobe Photoshop. Versi apa aja terserah karena membuatnya cukup simpel kok. Kita mau coba membuat background 2 warna dulu ya.. Setelah ini kamu bisa modif sendiri, bisa buat 3 warna, 4 warna, dst.

1. Buka Adobe Photoshop, buka file baru dengan pilihan File >> New. Masukkan setting sebagai berikut:

2. Filenya kecil banget. Oleh karena itu, bisa dizoom dengan cara seperti ni:

3. Buka file baru: File >> New dengan ukuran setengah file pertama, yaitu width 10 px, height 10 px. Kita akan mengerjakan file 10x10 px ini dulu.

4. Klik "Set Foreground Color", nanti akan keluar palet, klik warna yang kamu mau. Saya pilih warna pink muda. Lalu klik "Paint Bucket Tool", klik ke file 10x10 px kamu. Nanti filenya akan berubah warna menjadi warna yang kamu pilih.

5. Klik "Move Tool" lalu drag file 10x10 px kamu yang sudah berwarna tadi ke file 20x10 px. Taruh di ujung kiri.

6. Sekarang kamu sudah punya file background berwarna pink dan putih (atau warna apapun sesuai pilihan kamu). Kalau kamu mau pilih satu warna lain, misalnya dari contoh ini, warna pink dan biru muda.. maka di file 10x10 px tadi bisa kamu ulangi proses pewarnaannya (klik Set Foreground Color >> pilih warna yang kamu mau >> klik di file 10x10 px >> pilih move tool >> drag file 10x10 px yang sudah berwarna yang kamu mau ke file 20x10 px, tapi tempatkan di sisi kanan). Misalnya hasilnya seperti ini:

7. Save file 20x10 px dalam bentuk jpg dengan cara File >> Save As >> ubah File Name dan pilih Format Jpg >> 10px.

8. Sekarang upload ke blogger. Caranya, pilih Template >> Sesuaikan >> Latar Belakang >> Unggah Gambar. Pilih file background yang tadi sudah di save. Pilih Selesai. Oh iya, pastikan kamu memilih opsi "Deretkan"

Selamat, kamu sudah punya background baru.

Kamu bisa memodifikasi besar strip yang kamu mau dan jumlah warnanya dengan memainkan angka pixel di adobe photoshop. Untuk mencari warna yang cocok, silahkan bermain-main dengan paletnya.

1: Siapkan Template

Haiii teman-teman, sebelum mulai ngutak-ngatik desain blog dengan photoshop, saya mau menjelaskan mengenai template yang saya pakai yaa... Pada dasarnya, saya nggak pakai coding macem-macem, hanya pakai template dari blogger. Nah, ini beberapa persiapan yang saya lakukan sebelum mulai "mempercantik" blog saya.

Saya menggunakan template jenis Sederhana atau Simple. Bisa didapat dari sini:

 

Gambar di atas bisa kamu dapat kalau kamu ke home Blogger kamu. Pilih Template, lalu cari template Simple atau Sederhana. Saya pilih template ke-5. Pilih Sesuaikan.

Keluar menu seperti ini:

Pertama-tama, sesuaikan Tata Letak dulu,apakah blog kamu nantinya mau 2 kolom atau 3 kolom. Lalu pilih Sesuaikan Lebar untuk menentukan lebar entry dan sidebar. Ini juga menentukan lebar header kamu nantinya, pas kamu mau membuat header sendiri. Kalau mau iseng otak-atik warna atau font blog kamu, kamu bisa pilih Tingkat Lanjut. Biasa sih saya ngutak-ngatik Tingkat Lanjut setelah memutuskan warna header dan latar blog saya, baru nanti isi blog menyesuaikan.

Itu aja persiapannya.
Tutorial selanjutnya adalah mengganti Latar Belakang