Cara Edit CSS di Blogspot dan Wordpress

Bagaimana Cara Edit Css Wordpress

• Appearance
• Pilih editor
• Klik style.css(biasanya ada style lain, tergantung themes)
• Coba edit valuenya yang terletak antara : dan ;

Bagaimana Cara Edit Css Blogspot?

• Langsung ke edit html
• Cari <b:skin> sampai </b:skin>
• Itu adalah style css pada blogspot
• Coba edit valuenya yang terletak antara : dan ;

Mungkin sobat bertanya fungsi dari text yang berwarnah merah ini
--------------------------

 #misal{
poperty:value;
poperty:value;
poperty:value;
}

-------------------------------

 .misal{

poperty:value;

poperty:value;

poperty:value;

}

-------------------------------

 Tag_html{

poperty:value;

poperty:value;

poperty:value;

}

-------------------------------

• Anggap saja itu adalah bentuk yang akan sobat ubah, misal #sidebar, #header, #footer.

Jadi misal sobat ngin merubah sidebar, cari saja seperti ini

----------------------------------------------------------------

#Sidebar{
property:value;/*edit valuenya, untuk merubah bentuk dan tampilan*/
property:value;
property:value;
}
----------------------------------------------------------------



.Sidebar{

property:value;/*edit valuenya, untuk merubah bentuk dan tampilan*/

property:value;

property:value;

}

----------------------------------------------------------------

• Hal yang sama berlaku untuk #header, footer, sidebarleft-right, dan lain-lain
• Sebenarnya yang berwarnah merah itu adalah selector(mungkin akan kita bahas kedepanya)
• Selector_id_maupun_class(text merah) itu ngga mesti berbasa inggris(sidebar, header, footer) yang terpenting adalah nilai atribut id dan classnya sesuai dengan style yang sobat tambahkan
• Misal
  • <div id=”sidebar”
  • <div id=”header”
  • <div id=”footer”
  • <div class=”sidebar”
  • <div class=”footer”
• Oia, saya pernah membuat template blogspot berbahasa indonesia(selectornya) untuk yang pengen belajar bisa menggunakan tempalte itu, downloadnya di blogtempalte4u.com dan di zoomtempalte.com coba cari template dengan nama slow pink white(itupun kalau mau)

Tambahan

• Ada beberapa sahabat saya yang mengatakan css itu rumit, sebenarnya sih ngga rumit hanya saja dia(sahabat saya) ngga paham property css, jadi dalam belajar css, sobat juga harus paham fungsi masing-masing property serta value css itu sendiri
• Jika sobat ingin menguasai css, alangkah baiknya jika codenya diketik pakai jari(usahakan hindari copy code)
• Selalu perhatikan karakter ini { : ; }
• Gunakan editor code yang simple, untuk menulis code css sebaiknya gunakan notepad++(downloadnya cari di google free). jika sobat punya uang bisa menggunakan dreamweaver(not recoment)
• Browser, sebaiknya gunakan firefox untuk melihat hasil editan. ini karena firefox menggunakan standard yang direkomendasikan oleh w3.org
• Cobalah membuat website statis dengan css, jangan cuma ngedit. sobat kan punya komputer dan tanpa koneksi internetpun kita bisa belajar css
• Jika punya waktu luangkan waktu anda untuk ngedit css blog anda sendiri, css ini sangat mengasikan apalagi jika digabung dengan htmldom dan dinamic html(dhtml)

Semoga bermanfaat

Baca Juga Yang Ini Sob:

Artikel Terkait