Pages

▼

Saturday, 17 December 2016

Cara Membuat Template Blogspot Valid HTML5

HTML merupakan singkatan dari Hyper Text Markup Language dan mempunyai arti sebagai sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan struktur pemformatan hiperteks sederhana yang ditulis dalam bentuk kode-kode dan instruksi sehingga menampilkan sebuah naskah atau dokumen pada website.
Pada saat ini banyak pakar yang menilai bahwa kevalidan sebuah struktur HTML dapat mempengaruhi posisi SERP dan SEO blog atau website dimata search engine. Selain itu, sebuah web atau blog yang mempunyai HTML tidak valid, otomatis beberapa browser tidak akan mampu mengurai struktur serta tidak dapat menampilkan secara maksimal isi dari sebuah website sehingga akan memberikan dampak yang negatif.

Validitas HTML Blog
Dari beberapa kasus yang pernah saya dapati, kebanyakan template blogger mempunyai struktur HTML yang tidak valid, termasuk template yang saya gunakan sekarang ini. Namun untuk memperbaikinya sehingga menjadi valid (paling tidak mengurangi error) ada beberapa cara yang bisa ditempuh sehingga errors dan warnings bisa diminimalisir  sekecil mungkin dan bagi yang ingin mencobanya, silahkan perhatikan langkah-langkah berikut ini :
Sebelum saya jelaskan lebih lanjut, terlebih dahulu silahkan periksa kevaliditasan blog yang sobat kelola di http://validator.w3.org/
Bagaimana, error atau valid? Kalau dugaan saya benar, pasti HTML template / blog yang sobat kelola pasti errornya lumayan banyak.


Langkah-Langkah mengurangi/meminimalisir errors dan warnings blog/website

Pertama, cari kode seperti di bawah ini :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>


Ganti kode di atas menjadi :

<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection'>

Atau dengan yang ini :

<!DOCTYPE html>
<HTML>

0ce3d940cc44b5a7a994da662863f94ec7d87fbe237db4cd17 Langkah selanjutnya, copy kode di bawah ini dan pastekan tepat di bawah tag <head>

<meta charset='utf-8'/>

Lanjutkan dengan mencari kode di bawah ini kemudian Hapus

<b:include name='quickedit'/>

Cari tanda dash pada kode CSS kemudian hapus. Contohnya :

/*-------------- HEADER --------------*/ 

Sehingga menjadi :

/* HEADER */ 

Jangan simpan dulu, tetapi cari kode seperti di bawah ini :

<b:include name='nextprev'/>

Jika sudah ketemu, tambahkan kode conditional <b:if....> dan penutupnya sehingga akan terlihat seperti ini
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:include name='nextprev'/>
</b:if>
Selanjutnya, cari dan hapus kode seperti dibawah ini (optional)

<a expr:name='data:post.id'/>

Sekarng tekan simpan dan periksa kembali kevaliditasan blog atau website teman. Sekian dulu artikel tentang Cara Membuat Template Blogger Valid HTML5 ini, semoga berguna untuk teman blogger semua.

Cara cepat Mencari Kode Script di Edit HTML Template Blogger Updates


Masih di Variasi Blogger share Cara Mencari Kode Script di Edit HTML Template Blogger Updates cekidot , Sebelumnya saya merasa kesulitan dengan tampilan Edit HTML yang baru ini , karena saya sedikit sulit untuk mencari kode - kode script html yang akan saya edit , karena jika hanya menggunakan menu
loading...
''Lompat Ke Widget'' saja masih merasa kurang pas dalam menemukan kode script yang dicari , Sedangkan dengan cara menahan secara bersamaan CTRL + F nya tidak berfungsi jika kode yang akan kita cari tidak dalam jangkauan , tapi untuk sekarang saya sudah menemukan caranya , dan ternyata pihak blogger tidak sedang menyulitkan malah sebaliknya perubahan - perubahan yang telah diberikan adalah untuk kemajuan dunia blogger itu sendiri , diantaranya adalah dengan merubah tampilan baru yang diberikan pada editor html tersebut.

Untuk Cara Mencari Kode Script di Edit HTML Template Blogger Terbaru ini diantaranya :

!. Sign in terlebih dahulu dengan my account
2. klik Template pada Dashboard blogs.



3. klik Edit HTML ( saya sarankan back up terlebih dahulu untuk menjaga template blogs sobat )


4. Silahkan sobat klik dibagian dalam kode - kode HTML , bebas yang mana saja jika sudah mengklik silahkan tekan Ctrl + F secara bersamaan di keayboard sobat, maka akan muncul kotak search pada pojok kanan atas

5. Silahkan masukkan kode yang akan sobat cari ke kotak search pada pojok kanan atas lalu klik enter pada keayboard.



6. Kemudian lihat hasilnya,maka kode yang sobat cari akan di tampilkan dan apabila ada lebih dari satu kode yang dicari , maka semua kode tersebut sudah terblok secara otomatis dengan warna kuning transparan untuk warna mungkin bisa saja berbeda - beda

7. Silahkan sobat edit Template sesuai apa yang sobat cari , jika sudah selesei jangan lupa simpan Template

Sekian Tentang  Cara Mencari Kode Script di Edit HTML Template Blogger Updates semoga bermanfaat.