Designer Template Blogger memungkinkan Anda untuk menyesuaikan hampir semua aspek dari penampilan blog Anda dengan menggunakan cascading style sheet (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 blog Anda. Untuk perubahan konten yang sebenarnya dari blog Anda, termasuk penambahan gadget atau perubahan tata letak,
silahkan gunakan kolom Edit HTML yang terletak di tab Layouts. Juga ingat bahwa, seperti kustomisasi lainnya, CSS Anda akan dihapus jika Anda mengubah desain.
Sedangkan CSS memungkinkan untuk hampir tidak terbatas jumlah kustomisasi gaya, di sini kami hanya akan pergi selama beberapa tweak CSS paling populer sehingga Anda bisa mendapatkan rasa bagaimana perubahan ini dapat dibuat. Untuk daftar yang lebih komprehensif dari berbagai CSS tweak, silakan lihat "Apa yang bisa saya lakukan dengan CSS 'artikel di Pusat Bantuan kami.
Perubahan CSS pertama kita akan pergi ke pusat adalah bagaimana teks header di blog Anda. Kepala ke lapangan CSS terletak di Advanced | Tambah CSS Designer tab di Template. Sesampai di sana, cukup drop di baris kode berikut:
. Header {text-align: center;}
Setelah Anda menambahkan kode, Anda akan melihat bahwa gambar header teks anda langsung akan berubah menjadi keselarasan terpusat. Jika Anda menyukai apa yang Anda lihat, cukup klik jeruk Terapkan untuk tombol Blog 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 bagaimana 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 harus meng-upload dari komputer ke sebuah host yang akan melayani gambar. Album Web Picasa, Imgur, dan Photobucket semua pilihan handal untuk gambar Anda hosting. Cukup arahkan ke host pilihan Anda, dan ikuti petunjuk mereka untuk upload.
3. Tambahkan potongan gambar latar belakang CSS. Sekarang bahwa Anda memiliki gambar, dikompresi upload 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);)badan-fauxcolumn-luar div. {background: none;}
4. Terapkan untuk blog! Jika Anda menyukai apa yang Anda lihat, silakan klik tombol Apply to Blog, dan Anda selesai! Tentu saja, Anda selalu bisa kembali dan menghapus atau swap keluar kode gambar latar belakang jika Anda suka.
Catatan: Mengedit CSS memungkinkan Anda untuk mengubah tampilan dan nuansa blog Anda. Untuk perubahan konten yang sebenarnya dari blog Anda, termasuk penambahan gadget atau perubahan tata letak,
silahkan gunakan kolom Edit HTML yang terletak di tab Layouts. Juga ingat bahwa, seperti kustomisasi lainnya, CSS Anda akan dihapus jika Anda mengubah desain.
Sedangkan CSS memungkinkan untuk hampir tidak terbatas jumlah kustomisasi gaya, di sini kami hanya akan pergi selama beberapa tweak CSS paling populer sehingga Anda bisa mendapatkan rasa bagaimana perubahan ini dapat dibuat. Untuk daftar yang lebih komprehensif dari berbagai CSS tweak, silakan lihat "Apa yang bisa saya lakukan dengan CSS 'artikel di Pusat Bantuan kami.
Perubahan CSS pertama kita akan pergi ke pusat adalah bagaimana teks header di blog Anda. Kepala ke lapangan CSS terletak di Advanced | Tambah CSS Designer tab di Template. Sesampai di sana, cukup drop di baris kode berikut:
. Header {text-align: center;}
Setelah Anda menambahkan kode, Anda akan melihat bahwa gambar header teks anda langsung akan berubah menjadi keselarasan terpusat. Jika Anda menyukai apa yang Anda lihat, cukup klik jeruk Terapkan untuk tombol Blog 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 bagaimana 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 harus meng-upload dari komputer ke sebuah host yang akan melayani gambar. Album Web Picasa, Imgur, dan Photobucket semua pilihan handal untuk gambar Anda hosting. Cukup arahkan ke host pilihan Anda, dan ikuti petunjuk mereka untuk upload.
3. Tambahkan potongan gambar latar belakang CSS. Sekarang bahwa Anda memiliki gambar, dikompresi upload 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);)badan-fauxcolumn-luar div. {background: none;}
4. Terapkan untuk blog! Jika Anda menyukai apa yang Anda lihat, silakan klik tombol Apply to Blog, dan Anda selesai! Tentu saja, Anda selalu bisa kembali dan menghapus atau swap keluar kode gambar latar belakang jika Anda suka.
0 komentar:
Posting Komentar