Hosted by imgur.comDesainer
Template Blogger memungkinkan Anda untuk menyesuaikan hampir semua
aspek dari penampilan blog Anda melalui penggunaan tentang cascading
style sheets (CSS). Untuk
menambahkan potongan CSS kustom ke template Anda, cukup buka Desainer
Template dan menambahkan kode Anda ke lapangan yang berlokasi di
Advanced | Tambah CSS tab. Perubahan yang Anda buat akan mencerminkan langsung di live preview di bawah editor.Catatan: Mengedit CSS memungkinkan Anda untuk mengubah tampilan dan nuansa dari blog Anda. Untuk
perubahan konten yang sebenarnya dari blog Anda, termasuk penambahan
gadget atau perubahan tata letak, silakan gunakan Edit HTML lapangan
yang berlokasi di tab Layouts. Juga ingat bahwa, seperti kustomisasi lainnya, CSS Anda akan dihapus jika Anda mengubah desain.Sedangkan
CSS memungkinkan untuk jumlah yang hampir tidak terbatas kustomisasi
gaya, di sini kita hanya akan pergi selama beberapa CSS tweak paling
populer sehingga Anda bisa mendapatkan rasa bagaimana perubahan ini
dapat dibuat. Untuk
daftar yang lebih komprehensif dari berbagai tweak CSS, silakan lihat
'Apa yang dapat saya lakukan dengan CSS' artikel di Pusat Bantuan kami.Perubahan CSS pertama kita akan pergi ke atas adalah bagaimana pusat teks header di blog Anda. Kepala ke bidang CSS terletak di Advanced | CSS tab Tambahkan Designer Template. Sesampai di sana, cukup drop di baris kode berikut:. Header {text-align: center;}Setelah
Anda menambahkan kode, Anda akan melihat bahwa header image teks Anda
langsung akan berubah menjadi keselarasan terpusat. Jika Anda menyukai apa yang Anda lihat, cukup klik jeruk Terapkan untuk Blog tombol dan gambar header Anda akan disimpan. Jika
Anda pernah memutuskan untuk menghapus atau mengubah gambar header pada
suatu titik kemudian, itu semudah menghapus atau menukar keluar kode
gambar dari lapangan.Perubahan CSS kedua kita akan membahas adalah bagaimana untuk menambahkan gambar latar belakang Anda sendiri ke blog Anda. Demi
yang komprehensif, kita akan mengasumsikan bahwa gambar Anda belum
di-host di web, dan pergi ke instruksi untuk bagaimana meng-upload
gambar Anda ke filehost sehingga Anda dapat link ke sana. Berikut
adalah semua langkah yang diperlukan untuk mengambil gambar Anda
sendiri dari komputer Anda dan menggunakannya sebagai gambar latar
belakang untuk blog Anda:
Kompres gambar Anda.
Anda
harus memastikan filesize gambar Anda di bawah 250K, maka langkah
pertama adalah pergi ke dalam editor foto pilihan Anda dan kompresi
citra ke bawah agar muat ke dalam batas itu. Atau, gambar beberapa host seperti Imgur memberikan pilihan untuk kompresi citra Anda ke filesize tertentu sebelum upload.
Upload gambar Anda ke sebuah filehost. Agar Anda untuk menambahkan gambar latar belakang melalui CSS, Anda akan butuh link bekerja untuk gambar Anda. Jika tidak sudah di web, Anda akan perlu meng-upload dari komputer Anda ke host yang akan melayani gambar. Album Web Picasa, Imgur, dan Photobucket adalah pilihan terpercaya untuk gambar hosting Anda. Cukup arahkan ke host pilihan Anda, dan ikuti petunjuk mereka untuk meng-upload.
Tambahkan potongan CSS gambar latar belakang. Sekarang
bahwa Anda memiliki kompresi, upload gambar Anda akan dapat menambahkan
CSS untuk menggunakannya sebagai latar belakang untuk blog Anda. Berikut adalah kode:. Tubuh-fauxcolumn-luar {background: url (http://www.example.com/image.png);}. Tubuh-fauxcolumn-luar div {latar belakang: none;}
Terapkan untuk blog! Jika Anda menyukai apa yang Anda lihat, silakan klik Apply untuk Blog tombol, dan Anda sudah selesai! Tentu saja, Anda selalu dapat kembali dan menghapus atau swap keluar kode gambar latar belakang jika Anda suka.
Catatan:
Template dengan gradien (seperti Sederhana # 1) sedikit mungkin
bertentangan dalam penampilan dengan menggunakan gambar latar belakang.
