Mengedit ccs dalam designer template




                  Desainer 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:

1. 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.

2. 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.

3. 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;
}

4. 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.

0 komentar:

Poskan Komentar