Ngedit CSS Dalam Desaigner Template
Posted on Senin, 19 Maret 2012
|
No Comments
Designer Template Blogger memungkinkan Anda untuk menyesuaikan hampir semua aspek dari penampilan blog Anda melalui penggunaan 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 dari blog Anda. Untuk perubahan konten yang sebenarnya dari blog Anda, termasuk penambahan gadget atau perubahan tata letak, silahkan menggunakan 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 jumlah yang hampir tak terbatas kustomisasi gaya, di sini kita 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 tweak CSS, 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 bidang CSS terletak di Advanced | Tambah CSS tab di Designer 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 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 kode gambar dari lapangan.Perubahan CSS kedua kita akan membahas adalah bagaimana menambahkan gambar latar belakang Anda sendiri ke blog Anda. Demi yang komprehensif, kita akan berasumsi 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 harus meng-upload dari komputer Anda ke host yang akan melayani gambar. Picasa Web Album, Imgur, dan Photobucket adalah pilihan terpercaya untuk gambar Anda hosting. Cukup arahkan ke host pilihan Anda, dan ikuti petunjuk mereka untuk upload.
Tambahkan latar belakang gambar potongan CSS. Sekarang bahwa Anda memiliki kompresi, gambar 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);}. Tubuh-fauxcolumn-luar div {background: none;}
Terapkan untuk blog! Jika Anda menyukai apa yang Anda lihat, silakan klik tombol Apply to Blog, dan Anda 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.
Yapss Sekian Dari Saya,,, Klo Ada Kekurangan Mohon Dimaafkan.... :)
