Membuat Related Post Valid XHTML di Blog

Selamat Siang sobat Blogger, kali ini saya akan membagikan cara untuk membuat related post valid xhtml. Fungsi XHTML yang terdapat di related post ini yaitu terdapat Title untuk Link yang merupakan salah satu dari syarat untuk Validasi. Jika Tidak percaya, anda dapat cek di W3C Markup Validation. Cara membuatnya sebagai berikut:

1. Login ke ID Blogger Anda. Buka http://www.blogger.com/home/
2. Klik Design > Edit HTML
3. Klik untuk ceklis Expand Template Widget
4. Cari </head> dengan tekan Tombol Ctrl + F
5. Copy html berikut tepat diatas </head> :
 <style> #related-posts { float : left; width : auto; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;http://shulthonhanif.googlecode.com/files/rss.png&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://shulthonhanif.googlecode.com/files/relatedpostshm.js' type='text/javascript'/>  
6. Cari <data:post.body/> (jika anda menggunakan Read More Otomatis, pilih <data:post.body/> yang kedua) dan Copy html berikut di atasnya :
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>         <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>         <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();         </script>         </div></b:if>
7. Klik Preview, jika tidak ada yang salah, klik Save
8. Selesai.

Semoga bermanfaat.