20 June 2011

Membuat Postingan pada Blogger Lebih Friendly

hmm... sudah lama saya tidak post tentang tips-trick blogger...
Nah kali ini saya akan mempostingkan tentang tips agar postingan kita lebih friendly, lalu bagaimana caranya ?
Oke, langsung saja..
biasanya para blogger biasanya malas nenggunakan tag paragraf <p> dan menggunakan 'Coverline Breaks' <br /> sebagai penggantinya. Jadi jika anda menekan enter maka tag paragraf akan digantikan oleh <br />.


1. Cara Posting yang Friendly

Secara default postingan yang "Friendly" berdasarkan struktur HTML atau XHTML menggunakan tag paragraf <p> bukan <br />.

berikut ini contoh nya :

  • Contoh yang benar :

<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 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.

Akibat Mengaktifkan Line Breaks

Akibat jika anda mengaktifkan Line Breaks ini, akan mucul masalah di validasi pada postingan.
Contoh pada penggunaan tag <ul> "Unordered List".

Contoh, jika anda menulis kode seperti dibawah 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>

Maka, hasil nya akan terbaca seperti dibawah 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 beberapa tag <br /> di atas, mengapa ?
Karena terpengaruh oleh enter tadi... sebab tag <ul> di dalamnya tidak boleh ada tag <br /> di dalamnya.
"document type does not allow element "br" here; assuming missing "li" start-tag"
Catatan: Ternyata "Update Editor" lebih baik digunakan karena tidak akan muncul "Line Breaks" seperti contoh diatas apabila kita menggukan list. Tetapi sayangnya "Update Editor" ini tidak bisa membuat tag paragraf secara otomatis.


Jadi kesimpulannya mengganti fungsi tag paragraf menjadi <br /> (Line Breaks) sebenarnya tidak Friendly, berdasarkan struktur HTML atau XHTML. Ada situs yang memudahkan kita untuk membuat tag paragraf secara manual yaitu Markdown Dingus . Situs ini dapat merubah secara otomatis akan merubah text menjadi HTML, dan akan menambahkan tag paragraf, sehingga postingan anda menjadi lebih Friendly.




Seamat Mencoba
Semoga artikel saya dapat membantu..









Buat sobat blogger yang suka dengan artikel saya, silahkan anda share di mana saja anda suka (blog, facebook, twitter dll). Namun, bila berkenan mohon cantumkan link sumber dari artikel yang sobat blogger share (copy/paste).


-Terima kasih-

4 comments:

Sepertinya dah master niy...

@ ToPu : hhehe, terima kasih.. :)

Wah baru tahu dari artikel ini, makasih yo mas. Banyak dapat ilmu nih. :)

ya, sama-sama semoga artikel lain saya juga bermanfaat.. :)

Post a Comment

Berilah waktu luang anda untuk berkomentar setelah membaca artikel di blog ini, karena komentar anda bermanfaat untuk kemajuan blog ini.
Gunakanlah kata-kata yang sopan dalam berkomentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More