Cara Membuat Related Post Valid HTML5 dan Fast Load di Bloger

Cara Membuat Related Post Valid HTML5 dan Fast Load di Bloger

Cara Membuat Related Post Valid HTML5 dan Fast Load di Blogger - kali ini saya akan share tips bagi anda yang kurang puas akan ilmu. related post standar juga unik tapi unik dan keren lagi jika related post tersebut valid html5 dan juga loading cepat.

Cara Membuat Related Post Valid HTML5 dan Fast Load di Bloger

berikut Cara Membuat Related Post Valid HTML5 dan Fast Load di Blog
Letakkan kode berikut tepat di atas </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>

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>

Pastekan kode dibawah ini diatas ]]</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: #2c3e50;
padding: 5px;
border-bottom: 0px;
margin-top: 5px;
display: block;
}

LIHAT DEMO
Baca Juga tentang cara membuat permalink URL pada blogger agar blog dapat terdeteksi cepat oleh robot google

Anda baru saja membaca artikel yang berkategori Metro style | Teknik SEO dengan judul Cara Membuat Related Post Valid HTML5 dan Fast Load di Bloger. Jika anda suka, bagikan keteman-teman anda ya, harap jangan menduplikat konten ini karena telah dilindungi

Jika anda blogger sejati pasti pasti tahu rule tata krama blogging - terimakasih anda tidak copas
Admin Blog: SEO Template

Ditulis oleh: Unknown - Thursday, May 1, 2014