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 :
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
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">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>.
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
</style>
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
Judul Artikel :Cara Menempatkan Kode Css Yang Benar
9 komentar
Pertamax , wah ilmunya kudu di save di otak dulu nih :yaya: ..
untuk contoh diatas setelah dicek tidak ada mas di blog saya, kalau berkenan mas mahfid mencoba cek di validator blog saya, jika mas mahfid mengetahui cara memperbaiki usul buat postingan donk hehehehe....
widget follower blogger..itu kayaknya ada 2 error mas coba edit bagian kode & ganti dengan kode
&atau kalau berkenan copy disini kode widgetnya mas tapi jangan lupa konversi duluwah terimakasih nih sob tipsnya... saya save dulu sob, soalnya belum bisa praktek. masih via hp...
klu aq ko malah gk kelihatan bos wkwkwk
Tips yang sangat bermanfaat mas, makasih sudah berbagi
Makasih mas buat infonya akan saya coba :)
Sangat menarik mas mahfud :)
mantap ,, meloco , cipoke lah infonya juragan http://goo.gl/EIaxRg | http://goo.gl/eBnGpi | http://goo.gl/Fue1jO | http://goo.gl/RXpj5r
Posting Komentar
Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>