Panduan Membuat Blog Agar Valid HTML5-CSS3

24/08/2013 SEO, Tips dan trik, Uncategorized No Comments

Membuat blog kita menjadi valid html5-css3 tidaklah terlalu sulit, disini saya akan menjelaskan bagaimana caranya Membuat Blog Agar Valid HTML5-CSS3 dengan bahasa yang ringan agar mudah dimengerti khususnya untuk blogger pemula. Sebelum memulai perombakan pada template kita jangan lupa backup dulu templatenya untuk menjaga jika terjadi kesalahan. Untuk membuat blog agar valid html5-css3 dibutuhkan konsentrasi penuh dan harus tetap fokus.

Ikutilah langkah-langkah di bawah ini secara perlahan dan jangan ada yang terlewatkan dan baca sampai dengan akhir narasi dari isi artikel ini :

Membuat Blog Agar Valid HTML5

Tahapannya adalah sebagai berikut :

Tahap-1 :

Mengedit HTML di dalam Post

Untuk merubah semua/sebagian postingan agar valid html dibutuhkan waktu yang lama jika artikel yang dipublikasikan sudah banyak dan belum dioptimasi, tapi jangan menyerah dulu biasanya plafon blogspot tidak terlalu banyak yang harus dirubah hanya pada bagian gambar (image) yang harus kita perhatikan.

Tahap-2 :

– Buka account blogger anda

– Klik Template lalu pilih Backup/Restore untuk menyalin/backup template kita.

– Masih dalam kotak dialog Template lalu pilih Edit HTML untuk masuk ke halaman editor.

Jika anda mengalami loading yang lama saat membuka halaman editor, dan agar cepat terbuka

silahkan baca artikel Cara Membuka Edit HTML dengan Cepat.

Tahap-3 :

Mengganti kode template lama

Setelah halaman editor terbuka sempurna dan yang pertama kita rubah terlebih dahulu adalah bagian kepala/atas pada template.

Gantilah kode yang lama dengan kode baru, selengkapnya baca Membuat Blog Jadi Valid HTML5

Membuat Blog Agar Valid CSS3

Tahapannya adalah sebagai berikut :

Tahap-1

Pada bagian ini ketelitian anda sangat dibutuhkan dan tidak boleh salah sedikitpun, sekecil apapun keselahan yang kita buat akan berakibat fatal.

Jadi harap berhati-hati dan tetap fokus.

Tahap-2

– Buka account blogger anda

– Klik Template lalu pilih Backup/Restore untuk menyalin/backup template kita.

– Masih dalam kotak dialog Template lalu pilih Edit HTML untuk masuk ke halaman editor.

Jika anda mengalami loading yang lama saat membuka halaman editor, dan agar cepat terbuka

silahkan baca artikel Cara Membuka Edit HTML dengan Cepat.

Tahap-3

Menghapus kode yang tidak valid
cari kode dibawah ini yang berawalan:

-webkit- ; -moz- ; -ms- dan -o-

hapuslah kode-kode tersebut di atas secara hati-hati sampai batas semi colon (;), contoh :

#comments-block li, .comments .comments-content .comment-thread ol li, .comments .comments-content .comment:last-child {
background:#fff;
margin:10px 0;
padding:5px 10px;
border-top:1px solid #AD3000;
border-left:4px solid #AD3000;
border-bottom:1px solid #AD3000;
border-right:1px solid #AD3000;
-webkit-border-radius: 0px 0px 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow:0 4px 6px rgba(0,0,0,0.1);-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3)}

perhatikan kode warna merah setelah dihapus menjadi

#comments-block li, .comments .comments-content .comment-thread ol li, .comments .comments-content .comment:last-child {
background:#fff;
margin:10px 0;
padding:5px 10px;
border-top:1px solid #AD3000;
border-left:4px solid #AD3000;
border-bottom:1px solid #AD3000;
border-right:1px solid #AD3000;
border-radius: 0px;
box-shadow:0 4px 6px rgba(0,0,0,0.1);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3)}

Simpan template

Tahap-4

Tahap selanjutnya bisa anda baca Membuat Blog Jadi Valid CSS3.

Itulah Panduan Membuat Blog Agar Valid HTML5 dari saya hari ini. Semoga bermanfaat