Manfaat CCS pada Template Design Blogger

 TAMBAHKAN BLOG INI! EKSTENSI KE GOOGLE CHROME 
Tambahkan Blog Ini! tombol ke toolbar browser, yang memungkinkan Anda posting ke blog Blogger Anda dari halaman Web manapun hanya dengan satu klik. Lihat ekstensi lebih oleh Google

EDITING CSS IN THE TEMPLATE DESIGNER




Hosted by imgur.com

Template Designer's Blogger memungkinkan Anda untuk menyesuaikan hampir semua aspek's blog penampilan 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, silakan gunakan Edit HTML lapangan yang berlokasi di Layouts tab. Juga ingat bahwa, seperti kustomisasi lainnya, CSS Anda akan dihapus jika Anda mengubah desain.
Sedangkan CSS memungkinkan untuk jumlah terbatas hampir kustomisasi gaya, di sini kita hanya akan pergi ke beberapa CSS tweak 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 Anda judul teks 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.




  1. Kompres gambar Anda.
  2. 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. 
  3. Upload gambar Anda ke sebuah filehost. Pada perintah bagi Anda untuk menambahkan gambar latar dari cara CSS, Anda harus dari link bekerja untuk gambar Anda. Sudah isn't'm sini di resmi berjalan di Web, Anda harus meng-upload dari komputer Anda pergi ke apa-apa yang cukup Will musuh, hamba gambar. 's Gallery Web Album, Imgur, dan Photobucket pilihan terpercaya untuk semua gambar Anda hosting. Cukup untuk berlayar kapal ke musuh pilihan Anda, dan untuk arah Ikuti upload mereka.
  4. Tambahkan CSS latar belakang potongan gambar. Sekarang bahwa Anda memiliki upload, gambar terkompresi Anda akan dapat menambahkan CSS untuk menggunakannya sebagai latar belakang untuk blog Anda. Berikut adalah kode:

. body-fauxcolumn-outer { 



background: url (http://www.example.com/image.png);} 
body-fauxcolumn-outer div. { 
background: none; 

  1. Terapkan untuk blog! Jika Anda menyukai apa yang Anda lihat, silakan klik Apply untuk Blog tombol, dan Anda selesai! Tentu saja, Anda selalu bisa kembali dan menghapus atau swap keluar kode gambar latar belakang jika Anda suka.
  2. Catatan: Template dengan gradien (seperti Wikipedia # 1) sedikit mungkin bertentangan dalam penampilan dengan menggunakan gambar latar belakang.



Apakah informasi ini berguna?

Sudah ada 1 komentar, tambain donk.!

Kalau tidak mau tambah komentar ya, tinggalin duwit ya?