Kode Css mungkin sudah tidak asing lagi buat kita utamanya yang sering berkecimpung di design blog ,akan tetapi sudah tahukah sobat
Cara Menempatkan Kode Css Yang Benar ,Salah satu contohnya adalah sebuah gambar di bawah ini :
Biasanya jika kita melihat kode seperti di atas maka penempatan nya adalah seperti ini = masuk ke tata letak = Tambah Gadget = Pilih Html Java script = Lalu masukkan kode di atas .
Sebenarnya dengan menggunakan cara di atas widget Random post(screenshoot Gambar) yang saya contohkan di atas akan berjalan dan berfungsi ,akan tetapi saya yakin ada sebagian sobat yang belum tahu bahwa cara di atas akan menyebab kan 1 error pada saat kita melakukan Cek Validator W3C ,karena penggunaan Kode yang berwarna merah seperti di bawah ini :
<style type="text/css">
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
</style>
Tidak di benarkan atau Salah jika di masukkan secara langsung pada Kolom widget atau pada sebuah postingan ,karena seharusnya kode di atas (kode Css)berada tepat di bawah kode ]]></b:skin> atau ambil saja kode css nya (tanpa tag pembuka <style type="text/css"> dan penutup </style> dan langsung pasang kode css nya tepat di atas kode ]]></b:skin>.
Nah sebagai contoh jika sobat melakukan penempatan Kode css dengan script secara bersamaan dalam satu widget ini lah Error kode yang akan sobat dapat saat di cek di Validataor HTML 5 :
Bagaimana cara menghilangkan Error kode yang saya contohkan di atas ,ya tentunya sobat harus meletakkan kode css nya secara benar yaitu di atas kode ]]></b:skin> atau jika sobat menggunakan style letakkan tepat di bawah kode ]]></b:skin> .
Setelah melihat tutorial di atas silahkan sobat periksa kembali widget widget yang sudah sobat pasang dan letekkanlah kode css nya dengan benar atau jika sobat menemukan tutorial yang ada pada website saya ini dengan cara yang salah (seperti contoh di atas) silahkan sobat edit sendiri dan letakkan pada tempat yang benar