.post-thumbnail{float:left;margin-right:20px}
Pasang Iklan Anda

Tuesday, September 17, 2013
Cara Membuat Blog Lebih Valid CSS3

Valid CSS3 menurut saya yaitu untuk menstrukturkan komponen-komponen sesuai dengan sesuka kita. Lebih detailnya dalam mengatur margin, padding dll. Sebelum Anda memasuki tahap CSS3 menurut saya, Anda harus paham dengan dasar-dasar HTML. Jika Anda sudah cukup mampu mengenal dasar-dasarnya, Anda bisa mencoba Cara Membuat Blog Lebih Valid CSS3. Menurut saya pribadi ini sangatlah penting. Karena, dengan Validnya CSS3 Blog Anda akan terasa lebih ringan.

Tidak hanya membuat Blog ringan (dalam loading), tapi juga lebih memperlancar kekuatan SEO Blog Anda. Jika Blog Anda sudah Valid CSS3 maka bisa Anda buktikan di Seoanalyser. Maka disitu akan tertera jika Blog Anda Valid CSS3 dan descriptionnya mengenai SEO.

Tahap Membuat Blog Lebih Valid CSS3
Di beberapa Blog, Anda tentunya sudah mengenal kode berikut kan ?? Dan sudah menerapkannya ??
<style type="text/css">
<!-- /*<![CDATA[*/]]>
Nah, kode diatas itu tadi adalah tahap pertama atau awalnya dan sudah beredar banyak di berbagai Blog. Kali ini tahap selanjutnya agar Blog kalian lebih Valid CSS3.

✓ Hilangkan kode yang bercirikan :
@-webkit-
@-moz-
@-ms-
@-o-

✓ Selanjutnya hati-hati jika menggunakan gambar yang menggunakan Base64. Misalnya :
url(data:image/png;base64,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
Solusinya, tambahkan "..kode gambar Base64.."

✓ Next tahap berikutnya :
Hati-hati dengan kode berikut : DXImageTransform - opacity=

Seperti itulah tahap-tahap dari saya yang banyak saya jumpai di Blog-blog lain. Sebenarnya, masih sangat banyak kode-kode yang mengganggu Validnya CSS3. Mungkin Anda ingin mencobanya dan bertanya kepada saya, silahkan melalui komentar dibawah. Selamat mencoba.

35 comments

yezzz AKHIRNYA BISA PERTAMA JUGA MASTER..
SAYA COBA TRIKSNYA :)

deleteX

tapi kayaknya ngak bisa master karena logo saya menggunakan
@-webkit-keyframes

deleteX

bisa Mas. hanya menghilangkan @-webkit- saja :)

deleteX

saya coba dech master :)

deleteX

dicoba pantang menyerah :D

deleteX

mantap kang ntar saya cb kl k sibuk..

deleteX

ini nih yang saya tunggu-tunggu. blognya Master sudah valid masa saya tidak :D

deleteX

hehe sebenarnya sudah lama Blog saya Valid CSS3 :)

deleteX

kemarin saya nemu valid html5, sekarang CSS3, hehe makin muter za nih kepala :D

deleteX

hehe harus dicoba semua Mas :)

deleteX

Numpang pertamax ya. ^^

deleteX

Wah harus liat lagi jeroan blogku nih...

deleteX

iya Mas.. harus dibongkar :D

deleteX

waduh saya masih belum paham master tentang css3... kasihan deh saya... kalau suruh utak atik daleman sayah paling risi takut error... daleman blog maksudnya

deleteX

Siap bongkar ni :)
makasih atas panduanya mas jin.
Jika ada waktu, silahkan berkunjung kerumah saya :)

deleteX

ahaha dicoba ajalah Mas :)

deleteX

Kok solusinya cuma satu :( lagian saya ga ngerti CSS yg gmna yang harus valid -_-

deleteX

di paragraf terakhir kan sudah tertera jelas mengapa hanya itu yang saya share :)

deleteX

gagal paham, om
terlalu gaptek urusan begini. templet dari jaman jepang aja ga berani ganti takut error, hehe

deleteX

mantap mas,,,,,
trik luar biasa terimaksih udah berbagi

deleteX

waduh.. harus berani dong Mas :)

deleteX

jangan dibongkar, nanti capek :D

deleteX

Alhamdulillah mas blog saya sudah Valid CSS3. Khasiatnya loading blog jadi lebih ringan.. :D

deleteX

kecil-kecil banget mas :(

deleteX
Catatan :
1. Dilarang menanamkan link aktif
2. Dilarang promosi / meng-iklankan suatu produk dll.
3. Berkomentar dengan bahasa yang sopan
4. Untuk memasukkan gambar : copy url gambar lalu paste di form komentar

Tambahan :
✓ Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "KONVERSI KODE"

KONVERSI KODEEMOTICON
 
Back to Top