Membuat Postingan Blogger Lebih Friendly

'Post Editor' mesin Blogger belum bisa secara otomatis untuk membuat paragraf, tidak seperti halnya pada mesin lain. Biasanya karena malas menggunakan tag paragraf <p>, maka mengaktifkan 'Conver line breaks' <br /> pada mesin Blogger, sebagai penggantinya. Jadi setiap melakukan enter pada postingan akan digantikan dengan <br/> (bukan <p>).

Postingan yang Friendly

Idealnya postingan yang baik atau 'friendly' berdasarkan struktur X/HTML itu menggunakan paragraf dengan tag <p> bukan <br />. Demikian contoh penggunaan paragraf:

Contoh yang baik:

<p>Nunc euismod, tellus id eleifend lobortis, lorem ligula volutpat dui, vel consequat quam diam in tellus. Quisque sed erat nibh; id venenatis arcu? Aliquam facilisis magna id ligula pellentesque fringilla? </p>
<p>Aenean pulvinar suscipit adipiscing. Suspendisse nisl elit, elementum ac commodo a; cursus in erat! Fusce venenatis faucibus risus; eget blandit dolor hendrerit vel.</p>

Contoh yang kurang baik atau salah:

Nunc euismod, tellus id eleifend lobortis, lorem ligula volutpat dui, vel consequat quam diam in tellus. Quisque sed erat nibh; id venenatis arcu? Aliquam facilisis magna id ligula pellentesque fringilla? 
<br />
Aenean pulvinar suscipit adipiscing. Suspendisse nisl elit, elementum ac commodo a; cursus in erat! Fusce venenatis faucibus risus; eget blandit dolor hendrerit vel.

Muncul Masalah akibat Line Breaks

Akibat mengaktifkan Conver line breaks ini muncul masalah di validasi pada postingan. Contoh pada kasus penggunaan tag <ul> 'unordered list'.

Jika kita menulis seperti ini:

<ul>
<li>Nam feugiat felis tellus; rutrum elementum odio.</li>
<li>Phasellus tempus tellus id odio pulvinar dictum.</li>
<li>Fusce euismod dignissim lorem, at porttitor augue dignissim cursus?</li>
</ul>

hasilnya atau terbacanya menjadi seperti ini:

<ul>
<br/>
<li>Nam feugiat felis tellus; rutrum elementum odio.</li>
<br/>
<li>Phasellus tempus tellus id odio pulvinar dictum.</li>
<br/>
<li>Fusce euismod dignissim lorem, at porttitor augue dignissim cursus?</li>
<br/>
</ul>

Muncul <br /> disana, karena pengaruh enter tadi. Nah ini menjadi masalah dalam validasi, sebab tag ul tidak boleh didalamnya ada <br/>.

document type does not allow element "br" here; assuming missing "li" start-tag

Catatan: ternyata 'Updated editor' lebih baik digunakan karena tidak muncul line breaks seperti hal diatas apabila kita menggunakan list. Tapi 'Updated editor' ini masih belum bisa secara otomatis membuat tag paragraf.

Kesimpulan

Mengganti fungsi paragraf dengan line breaks sebenarnya tidak baik dan itu tidak friendy berdasarkan sturuktur X/HTML. Ada alat bantu agar kita tidak repot menggunakan tag paragraf secara manual, yaitu Markdown Dingus. Dengan alat bantu ini secara otomatis akan merubah text menjadi menjadi HTML, dan akan menambahkan tag paragraf, sehingga postingan kita lebih friendly.

Posted in: Blogger,CSS / HTML