M-S Blog

M-S Blog

M-S Blog

+




Assalamu'allaikum Wr.Wb

Di kesempatan yang indah ini saya ingin berbagi sedikit tentang blogging. Yang ingin share adalah cara membuat related post atau banyak orang bilang artikel terkait. Pasti sobat blogger ada yang bertanya, apa sich related post tersebut??? Mungkin banyak sobat blogger yang banyak tahu, karena related post ini sangatlah populer di kalangan para blogger. Kalau menurut saya related post adalah artikel yang berada pada dalam satu kategori atau dalam satu label yang sama. Manfaat dari related post adalah memudahkan pengunjung untuk melihat artikel yang saling erkait dari postingan kita, dan juga kata banyak mastah SEO yang bilang related post ini berpengaruh dengan SEO. Mungkin ada yang ingin mencobanya silahkan dicoba. Cara membuat related post adalah sebagai berikut :

  1. Login ke akun blogger Anda.
  2. Pilih menu Tata Letak (Layout) » Edit HTML.
  3. Jangan lupa beckup dulu tamplate anda dengan cara di download.
  4. Beri tanda centang pada tulisan Expand Widget Templates.
  5. Copy-paste script berikut 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>

  6. Cari kode <data:post.body/>, kalau anda menggunakan readmore pasti ada kode tersebut. pilihlah kode yang tidak di gunakan di readmore, kemudian copy-paste kode berikut di bawahnya.
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:blog.pageType == "item"'>
    <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
    </b:if>
    </b:loop>
    </b:if>

    <b:if cond='data:blog.pageType == "item"'>
    <h4>Artikel Terkait</h4>
    <script type="text/javascript">
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
    </b:if>

  7. Simpan template.
semoga semua ini bermanfaat

Wassalamu'allaikum Wr.Wb
00:09

0 komentar:

Post a Comment

 
Top