Membuat Pagerank Checker Tool Valid Html5

Menjelang update Pagerank Google season kedua di tahun 2014 ini, kita menciptakan Pagerank Checker Tool sebagai alat untuk menyidik Pagerank blog kita. 

Salah satu penyedia online Pagerank Checker Tool ini yakni Prchecker.info yang menyediakan sebuah tool untuk disimpan di blog. Namun sehabis aku coba ternyata toolnya tidak valid HTML5, nah untuk itu sekarang kita akan menciptakan Pagerank Checker Tool ini menjadi valid HTML5.

Penempakan Pagerank Checker Tool dari Prchecker.info ini menyerupai gambar di bawah ini.

Dan kodenya menyerupai berikut:

 <div style="text-align:center;">
 <table cellspacing="1" style="margin:10px auto 40px;width:400px;border:1px solid #DDD;text-align:center;">
 <tr><td style="background:#D1FFA4;vertical-align:middle;">
 <p style="font-size:11px;font-family:Verdana;margin:0px;padding:2px;color:#666;"><strong>Check Page Rank of your Web site pages instantly:</strong></p>
 </td></tr>
 <form action="http://www.prchecker.info/check_page_rank.php" method="post" style="margin:0px;padding:0px;">
 <tr><td style="border:1px solid #CCC;padding:10px;background:#DDD;">
 <input type="hidden" name="action" value="docheck">
 <input type="text" value="http://" name="urlo" maxlength="150" style="width:250px;padding:1px 2px 2px 3px;margin-right:10px;font-size:13px;font-family:Arial;">
 <input type="submit" name="submit" value=" Check PR " style="width:80px;font-size:11px;font-family:Arial;padding:1px;">
 </td></tr>
 </form>
 <tr><td>
 <p style="margin:0px;padding:3px 0px 1px 0px;color:#AAA;font-size:9px;font-family:Verdana;">This page rank checking tool is powered by <a href="http://www.prchecker.info/" target="_blank">Page Rank Checker</a> service</p>
 </td></tr></table>
 </div>
 

Dan dari arahan di atas ternyata mengakibatkan sekitar 5 buah error pada validasi HTML5. Untuk itu aku sudah merubah beberapa arahan semoga valid HTML5 namun tampilannya tetap sama. Dalam HTML5, arahan form dilarang berada dalam arahan table, untuk itu aku rubah arahan table-nya menjadi div.

Nah bagi yang ingin menyimpan Pagerank Checker Tool valid HTML5, silahkan gunakan arahan di bawah ini dan simpan di halaman statis.

 <div style="text-align:center;">
 <div style="margin:10px auto 40px;width:394px;border:1px solid #DDD;text-align:center;padding:2px">
 <div style="background:#D1FFA4;vertical-align:middle;">
 <p style="font-size:11px;font-family:Verdana;margin:0px;padding:3px 2px;color:#666;"><strong>Check Page Rank of your Web site pages instantly:</strong></p>
 </div>
 <div style="border:1px solid #CCC;padding:10px;background:#DDD;margin:2px 0 1px">
 <form action="http://www.prchecker.info/check_page_rank.php" method="post" target="_blank" style="margin:0px;padding:0px;">
 <input type="hidden" name="action" value="docheck">
 <input type="text" value="http://" name="urlo" maxlength="150" style="width:250px;padding:1px 2px 2px 3px;margin-right:10px;font-size:13px;font-family:Arial;outline:none">
 <input type="submit" name="submit" value=" Check PR " style="width:80px;font-size:11px;font-family:Arial;padding:3px 1px 2px;cursor:pointer">
 </form>
 </div>
 <div>
 <p style="margin:0px;padding:4px 0px;color:#AAA;font-size:9px;font-family:Verdana;">This page rank checking tool is powered by <a href="http://www.prchecker.info/" target="_blank" rel="nofollow" title="Membuat Pagerank Checker Tool Valid HTML5">Page Rank Checker</a> service</p>
 </div></div>
 </div>
 

Untuk mencobanya silahkan masuk di sini Check PAGE RANK of Website Pages Instantly

Sumber https://www.kompiajaib.com/

Share this post