Cara Membuat Artikel Terkait/Related post Valid HTML 5

Related post Valid HTML 5

Selamat Siang..!!
Sebelum Admin Beres² Rumah ada baiknya admin Share Cara Membuat Artikel Terkait/Related post Valid HTML 5 yang Sedang buming di Bicarakan dan di cari banyak para Blogger..!!
Artikel terkait ini bukan hanya Valid HTML 5 Tapi Past loading Juga...
oke Langsung aja kita simak baik² Caranya..

1. Cari kode ini </head>
2. Copy kode di bawah ini Letakan di atas kode </head>

<script type='text/javascript'>
    //<![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
    for (var i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    relatedUrls[relatedTitlesNum] = entry.link[k].href;
    relatedTitlesNum++;
    break;}}}}
    function removeRelatedDuplicates() {
    var tmp = new Array(0);
    var tmp2 = new Array(0);
    for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
    tmp.length += 1;
    tmp[tmp.length - 1] = relatedUrls[i];
    tmp2.length += 1;
    tmp2[tmp2.length - 1] = relatedTitles[i];}}
    relatedTitles = tmp2;
    relatedUrls = tmp;}
    function contains(a, e) {
    for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
    return false;}
    function printRelatedLabels() {
    var r = Math.floor((relatedTitles.length - 1) * Math.random());
    var i = 0;
    document.write('<ul>');
    while (i < relatedTitles.length && i < 20) {
    document.write('<li><a href="' + relatedUrls[r] + '">' +
    relatedTitles[r] + '</a></li>');
    if (r < relatedTitles.length - 1) {
    r++;
    } else {
    r = 0;}
    i++;}
    document.write('</ul>');}
    //]]>
    </script>

  3.Letakkan Kode berikut tepat di bawah <data:post.body/> 

<b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <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;amp;callback=related_results_labels&amp;amp;max-results=5&quot;' type='text/javascript'/>
    </b:if>
    </b:loop>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='rel-noval'>
    <h3>Artikel Terkait</h3>
    <script type='text/javascript'>
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
      </div>
    </b:if>

   4.Letakkan kode berikut tepat di atas ]]></b:skin>

#rel-noval {
line-height: 1.7em;
font-size: 13px;
margin: 6px 0 0;
padding: 0 5px;
background: #f8f8f8;
border: 1px solid #e2e2e2;
color: #333;
overflow: hidden;
}
#rel-noval h3 {
color: #fff;
background: #41cac0;
padding: 5px;
border-bottom: 0px;
margin-top: 5px;
display: block;
}

NB : 
Kalau "&amp;" masih Terebaca jadi "&" dan invalid di validator HTML5. Ubah saja "&amp;" jadi bentuk Numerik... Ubah menjadi "&#38;&#97;&#109;&#112;&#59;"


Selamat Mencoba dan Terima Kasih Mas Bintang Atas Tutorialnya
http://www.noval.web.id/2013/12/cara-membuat-related-post-valid-html5.html 

 

Posted by Unknown on Sunday, 29 December 2013 - Rating: 4.5

Title : Cara Membuat Artikel Terkait/Related post Valid HTML 5
Description : Related post Valid HTML 5 Selamat Siang..!! Sebelum Admin Beres² Rumah ada baiknya admin Share Cara Membuat Artikel Terkait/Related p...

Tweet