APAKAH BEDANYA CSS DAN CSS3? APA MANFAATNYA PADA PEMBUATAN TEMPLATE HTML BLOGGER

Diposting Oleh:
Ilustrasi menggunakan CSS
Ilustrasi menggunakan CSS
Kalian pasti sudah terbiasa mendengar istilah HTML5, kalau ada angka 5 pasti ada angka angka sebelumnya yang sering disebut dengan istilah "versi versi sebelumnya" versi terbaru selalu datang dengan membawa perubahan dan peningkatan dan bahkan terkadang sangat berbeda kemampuannya dengan versi sebelumnya. Itulah dunia, semua berubah seiring waktu, tidak akan ada yang abadi.

Hari ini aplikasi aplikasi web telah menjadi sangat penting di dunia dan internet telah mengambil alih dan memindahkan hampir semua yang kita butuhkan kepadanya. Jika kalian kepingin sekali membuat halaman web menjadi sangat menarik, cepat dan mengesankan dan juga membuat orang tertarik mengunjungi web kalian melalui tampilan dan kecepatannya, maka tidak ada cara lain: Kalian harus belajar teknik Cascading Style Sheets (CSS). Dan si "CSS" ini bersama saudara tuanya si "HTML" yang telah kita singgung diatas memegang peranan sangat penting dalam desain tampilan web.

Tidak mungkin membantah itu bahwa CSS mendefinisikan atau membentuk tampilan HTML yang menentukan bagaimana sebuah halaman web akan terlihat nantinya. Sama halnya dengan HTML, CSS juga telah mengalami peningkatan melalui versi terbarunya, yakni CSS3. Mari kita bandingkan perbedaannya:
  • CSS lama tidak akan pernah kompatibel dengan CSS3 yang terbaru. Fokus utamanya adalah menyediakan fitur fitur berformat, memberikan kemampuan bagi kita untuk memposisikan text dan objek, namun bagaimanapun CSS inilah cikal bakal CSS3.
  • CSS3 kunci katanya selalu kompatibel dengan CSS1, tidak akan ada kode kode CSS1 yang menjadi salah saat di terapkan pada CSS3, bahkan hasilnya akan terlihat menjadi jauh lebih baik, menjadi lebih cepat dan menjadikan tampilan HTML menjadi lebih terlihat halus ketika di visualkan pada tampilan halaman web. karuan template blog yang kita buat menjadi lebih cepat larinya bagai superhero FLASH!
  • Dengan CSS lama para pengembang misalnya kesulitan membuat garis batas (border) dan juga membuat background dengan gradasi warna menggunakan struktur berbeda. Mereka harus mengupload desain mereka ke server dan meletakan suatu image ke dalam halaman web dan lalu mengejas atau mencocokan agar border tersebut tepat berada pada posisinya. Ini akan memperlambat pekerjaan dan memberatkan loading sebuah halaman blog, berat adalah risikonya jika menggunakan template klasik yang dibuat berdasarkan CSS lama, lho.

  • Namun...setelah CSS3 diperkenalkan, para pengembang tidak perlu serepot itu lagi, cukup misalnya dengan menuliskan kode: ".roundBorder{border-radius: 50px;} wuss...selesai deh. Tidak perlu meletakan kode apa apa ke dalam server, dan lakukan saja pekerjaan lainnya, misalkan jika ingin membuat background gradasi warna, cukup tuliskan kode CSS: ".gradBG{background: liner-gradient(white,black);}"
    Template jadi jagoan seperti mr. Flash yang larinya aduhai cepat nian, Keren, bukan?
  • Pada template template klasik lama zaman dulu itu membuat animasi harus di tulis menggunakan JavaScript dan JQuery, kalian tahu seperti apa rasanya sekarang pengaruhnya pada kecepatan loading template, lelet kayak siput, dan berat sekali, bukan? CSS tua tidak memiliki fitur di dalam desain layer dan tidak bisa membuat efek efek seperti bayang bayang text, gerak gerakan tex saat disentuh, dll.
  • Nah disana letak ke hebatan CSS3 sekarang, kini para pengembang mampu membuat bermacam macam efek huruf pada text tanpa JavaScript maupun JQuery lagi. Karuan hal ini membuat template yang dibuat menggunakan elemen elemen web terbaru menjadi sangat cepat dan ringan!
    Disamping tiga item diatas CSS memiliki kemampuan merapikan tulisan dengan penomoran dan hal ini dapat dilakukan oleh CSS3 dengan lebih mudah yang tentunya sangat bermanfaat pada saat pengguna menggunakan aplikasi buatan pengembang.
Jadi kalian harus teliti, jangan asal beli template, sudah mahal ternyata masih versi klasik! Template terbaru harusnya menggunakan layout versi ke-3. Terakhir saya teliti beberapa bulan yang lalu,  bahkan viomagz buatan Mas Sugeng masih menggunakan layout versi ke-2 walaupun viomagz sudah mengadopsi HTML5 dan CSS3 sepenuhnya.

Untungnya template terbaru bawaan (default) dari blogger sudah full HTML5 dan CSS3 juga. disamping menulis, kalian juga harus cerdas dalam memilih template, template dengan struktur terbaru dan terupdate akan memudahkan mesin penelusur dalam memproses halaman blog kita...

www.editblogtema.net

Baca Juga:

Komentar

  1. paham, saya paham mas,,, dulu waktu masih di blogger seirng berkutat sama html dan css, css3 juga. sering belajar pakai w3schoo nyari refrensi.

    BalasHapus
    Balasan
    1. Wah w3school itu referensi lama saya. Sederhana dan mudah sekali dicerna.

      Hapus
  2. jadinambah ilmu ini, saya juga baru belajar lah dikit2...edit template

    BalasHapus
  3. Apalah aku yg masih ngandelin template grtisan. Wkwkwkw

    BalasHapus
    Balasan
    1. Tidak masalah bahkan template gratisan sekalipun akan menjadi lebih baik saat diedit berbekal pengetahuan HTML

      Hapus
  4. Wow, great to know :)
    Thanks, and have a great day!

    BalasHapus
  5. Waah... aku masih belajar memahami dulu nih. Aku belum siap edit html atau sejenisnya, takut berantakan lagi.

    Tapi, aku pengen ganti template premium.

    BalasHapus

Posting Komentar

Jika Anda mau menuliskan, menyisipkan atau mem"pastekan" suatu kode HTML, JS dll kedalam kotak komentar terlebih dahulu, silahkan mengkopi seluruh kode tersebut dan mem"parse"kannya kedalam kotak parse online yang banyak tersedia di Google, silahkan kunjungi:

BLOGCROWDS

Pastekan terlebih kode disana dan lalu klik tombol "PARSE" berada dibawah kanan kotak parse tersebut, setelah hasil parse muncul copy seluruh kode tersebut dan pastekan kedalam kotak komentar blogspot dan lalu publish.

Labels

adwords aibo ajax alexa algoritma alternative Am I Responsive amazon ambigu Amerika AMP Andorid Android Android 10 Angular animasi apple ARM Art Of War artikel sabtu asesories autodidact avatar avatar penulis awesome awsome back to top backdoor backlink bahasa bank btn batam beautiful beginning belajar belajar koding berita bing web master biografi blackberryOS blackhat blockquote blog blogcomments blogger bloggerhelp blogging Blogging mobile bloging blogspeed blogspot bluetooth bootstrap border dash breadcrumb browser btn mobile bugs Buku business capital letter cara catatan catatan awal tahun Cek IMEI Cerita cerpen cewek chimpense chipset chrome chrome 76 Cina cinta clickjacking codepen coding compose compose view contact form contempo contempo base contempo blackmagic contempo hibrida contempo hybrid converter coolest copy-paste copyright covid 19 covid_19 cowok CPC credit footer css CTR cuitan curhat cybercrime Dahlan Iskan dark mode dasbor data default Demo desain diblokir dirtylink disway DOM domain domain authority Donald Trump download download template terbaru dropdown earn money edisi minggu edit editblogtema editor HTML ekonomi elektronik Elle Darby embed emoji emporio emporio hybrid english error essential expires header expires headers facebook fakta fanpage fast loading template fastloading template favicon featured posts feed burner firefox fitur fixed fixed sidebar font font awsome footer footer link Footer navigasi forbes Free friendship fuchsia full stacks furure g-suite gadget gagdet galeri gambar gambar bergoncang gambar profile penulis gambar responsive game generasi Alpha Generasi Z geng motor genius gerhana girl gmail Gmetrix gong xi fa cai good news google google chrome Google Domain google drive google font Google honemoon google Plus google search console google webmaster Googlewebmaster gradasi warna grafik gramedia gratis grid style GTmetrix h1 Habibie hack hacker halaman web hamburger menu hanya opini hapus hari bumi harimau heading headings heart secret hewan hoax hobi hotpink HTM5 html HTML view huawei hukum human Idulfitri Iklan ikon Imlek in memories indie Indonesia Indonesia darurat corona indosat infinite color infinity war informasi instagram intel inteligensia internal link internasional internet internt interntet interntt intert iOS iPad iPadOS iPhone isu IT italia Jaime Ocabo java JavaScript jimdo jin Ping jingling Jokowi jQuery JSitor kaca pembesar kafe kalimantan kalkulus kamera kanonis kartun keamanan keamanan blogger kebijkan kecepatan blog mobile kehidupan kemanusiaan kesehatan keyakinan keyboard keyword khusus kiata G+ klasik klik kode warna koding komentar komentar blog komputer konsipirasi konten konversi kopi kota kotak navigasi menu blog kotak pencarian kotlin kriminalitas kualitas kucing label laptop lay out lay out version 3 theme layarlipat layout lazyload lifehack lingkungan logitech logo love Macbook Macbook Air machine learning MacOS magnifier maintenance makmur manusia margasatwa masa depan masonry matahari matematika medsos mega menu mengganti tempa menu menu navigasi menu pencarian menulis merombak metafisika Microsoft microsoft edge Minggu minify misteri mitos mobile modal modern modifikasi monetisi morality motivasi motivation moz myths nasehat terbaik navbar navigasi navigasi menu blog ngeblog nibbler notable office Omnibus online online editor operating sistem opini otodidak pagelist pagerank paginator Pandora panduan panduan mobile paradox parameter parasit parse pembatasan pemilu 2019 Pemilu Indonesia 17 April 2019 pemrograman pemula pendidikan pengalaman pengaturan pengusaha Penulis perang dagang Cina vs Amerika perang dunia ketiga perangdagang perceraian perihal perubahan pexel phablet PHP plagiat plagiator PlagScan play store polemik politik ponsel popularitas popularposts portable powered by blogger Powerpoint prediksi premium privasi produk profesi profile programmer programming programming. prosesor pseudo-sains psikologi Python rahasia ramalan ranking faktor rawgit re-desain re-desain tema blogger React Reactions read more recentPosts redesain related posts remaja resolusi responsinator responsive review robot robot.txt sains samsung sanggahan saran temaplate blogger saran template search secrets security sederhana sejarah seken selegram semrush SEO share button sharing buttons I.O sidebar sidenav siginifikan silikon simple simpson singularity sitelink sitemap smartphone snippet soho solusi somadmorroco spesial spoiler star wars sticky sidebar sticky widget Strategi SEO Student study study online style submenu subscriber success sudut cerita SVG SVG icon syimbian tab s2 tabel tablet tabs2 tagging takdir takhyul talenta tataletak Teen teka teki teknik teknologi TELKOMSEL tema tema kesederhanaan template template premium template premium gratis template SOHO template versi ke-2 terkemuka tes popularitas testimoni testmysite text theme Thucydides tip tips toggle tokoh tombol berbagi tombol pengalihan tombol reply komentar tops traffik trafic trafik translator tribun tricks Trik triks troubleshooting Tutorial Tutorial Anissa tutorialKhusus twitter uang UAS unduh unik update urang utan ustazd Abdul Somad vanilla Script video viomagz viral virus corona vlogging vue w3-css w3school W3Shool wabah warna web web story WebAssembly webdesign WEBP website whatsapp widget wifi ID windows Windows Mobile wisata WIX wordpress X-Frame xiomi xml yandex youtube youtuber z-index
Tampilkan selengkapnya

Populer

Cara memperbaiki add numbering dan add bullets yang tidak bisa tampil pada postingan blog

Downoad Notable simple yang pas buat blog curhat

Download Update Template Blogger Notable simple versi kedua