Ads Banner

Cara Membuat Artikel Terkait Dimuat Secara Acak

Cara  Membuat Artikel Terkait Dimuat Secara Acak
Cara Membuat Artikel Terkait Dimuat Secara Acak

Artikel terkait menurut saya memang diperlukan untuk sebuah blog. Dengan menambahkan widget artikel terkait pada blog sama saja dengan memberikan petunjuk kepada pengunjung blog bahwa di blog tersebut terdapat artikel yang sejenis sehingga kemungkinan besar para pembaca akan mengklik tautan pada artikel terkait.

Mungkin bagi para blogger lain yang sudah lama mendalami dunia blogger pastinya postingan ini sudah usang. Tetapi mungkin karena pemula seperti saya, postingan ini akan sangat bermanfaat. Selain itu widget artikel terkait ini berbeda karena tautan yang dimuat dalam artikel terkait versi ini dimuat secara acak atau random dan hanya judul posting saja. Sehingga meskipun kita membuka halaman yang sama di satu browser, tautan artikel terkait yang dimuat akan berbeda.

Lebih jelasnya silahkan sobat lihat sendiri.

Cara Membuat Artikel Terkait Dimuat Secara Acak

1. Tambahkan css di bawah ini dan tempatkan di atas ]]></b:skin>
.related-posts li {
    border-top: 1px solid #292929;
    border-bottom: 1px solid #1a1a1a;
    margin: 0;
    padding: 3px 0 3px 12px;
}
.related-posts ul {
    margin: 10px 0 -10px 0;
    padding: 0;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #292929;
    list-style: none;
}
.related-posts h4 {
    padding: 5px;
    font-size: 15px;
}
2. Tambahkan ini di atas <div class='post-footer'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-post' class='related-posts' />
    <script type='text/javascript'>
    var labelArray = [
<b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>&quot;
        <data:label.name/>&quot;
        <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    </b:loop>
</b:if>];
    var relatedPostConfig={homePage: "<data:blog.homepageurl/>",
    widgetTitle:"<h4>Artikel Terkait</h4>",
    numPosts: 10,
    titleLength: "auto",
    containerId: "related-post",
    newTabLink:true,
    widgetStyle:1};
</script>
   <script type='text/javascript'>
  //<![CDATA[
  /*! Creator JS Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */
  /*! Telah dimodifikasi oleh you w4hyou => http://info-kmu.blogspot.com/ */
  var randomRelatedIndex, showRelatedPost;
(function(e, t, n) {
  var r = {
    widgetTitle: "<h4>Artikel Terkait:</h4>",
    homePage: "http://info-kmu.blogspot.com",
    numPosts: 7,
    titleLength: "auto",
    callBack: function() {}
  };
  for (var i in relatedPostConfig) {
    r[i] = relatedPostConfig[i] == "undefined" ? r[i] : relatedPostConfig[i]
  }
  var s = function(e) {
      var r = t.createElement("script");
      r.type = "text/javascript";
      r.src = e;
      n.appendChild(r)
    },
    o = function(e, t) {
      return Math.floor(Math.random() * (t - e + 1)) + e
    },
    u = function(e) {
      var t = e.length,
        n, r;
      if (t === 0) {
        return false
      }
      while (--t) {
        n = Math.floor(Math.random() * (t + 1));
        r = e[t];
        e[t] = e[n];
        e[n] = r
      }
      return e
    },
    a = typeof labelArray == "object" && labelArray.length > 0 ? "/-/" + u(labelArray)[0] : "",
    f = function(e) {
      var t = e.feed.openSearch$totalResults.$t - r.numPosts,
        n = o(1, t > 0 ? t : 1);
      s(r.homePage.replace(/\/$/, "") + "/feeds/posts/summary" + a + "?alt=json-in-script&orderby=updated&start-index=" + n + "&max-results=" + r.numPosts + "&callback=showRelatedPost")
    },
    l = function(e) {
      var t = document.getElementById(r.containerId),
        n = u(e.feed.entry),
        i = r.widgetStyle,
        s = r.widgetTitle + "<ul>",
        o = r.newTabLink ? ' target="_blank"' : "",
        a = '<span style="display:block;clear:both;"></span>',
        f, l, c, h, p;
      if (!t) {
        return
      }
      for (var v = 0; v < r.numPosts; v++) {
        if (v == n.length) {
          break
        }
        l = n[v].title.$t;
        c = r.titleLength !== "auto" && r.titleLength < l.length ? l.substring(0, r.titleLength) + "&hellip;" : l;
        for (var m = 0, g = n[v].link.length; m < g; m++) {
          f = n[v].link[m].rel == "alternate" ? n[v].link[m].href : "#"
        }
        s += '<li><a title="' + l + '" href="' + f + '"' + o + ">" + c + "</a></li>"
      }
      t.innerHTML = s += "</ul>" + a;
      r.callBack()
    };
  randomRelatedIndex = f;
  showRelatedPost = l;
  s(r.homePage.replace(/\/$/, "") + "/feeds/posts/summary" + a + "?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")
})(window, document, document.getElementsByTagName("head")[0])
//]]>
< /script>
</b:if>
<!-- Related Post Widget End -->
3. Save

Keterangan

OpsiNilaiKeterangan
numPost10Jumlah tautan yang dimuat
TitleLengthautoDigunakan untuk memotong panjang judul tautan. Nilai auto digunakan untuk menonaktifkan pembatasan jumlah karakter / panjang judul tautan.
containerIdrelated-postId element widget artikel terkait.
newTablinkTrue
False
True (Tautan dimuat dalam tab baru)
false (Tautan dimuat pada halaman itu sendiri)

JavaScript yang dipakai dalam widget ini dibuat oleh Blog DTE, namun telah saya modifikasi dengan membuang kode yang tidak dibutuhkan dalam widget artikel terkait hanya judul saja posting saja.

Untuk gaya / style nya silahkan edit CSS nya oleh sobat sendiri

Print/Save

Blok kemudian tekan tombol Ctrl dan huruf C pada keyboard secara bersamaan untuk copy artikel di atas. Bagi pengguna Google Chrome bisa menyimpan halaman ini dalam bentuk *pdf melalui tombol print/save di atas.!
Share This :

Jika Anda menyukai , Share melalui social media di atas (satu suka dari anda sangat berarti bagi kami. Tuliskan kritik dan saran anda pada form komentar di bawah! Ketikan email dan klik subcribe untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Info [K-Moe].

Artikel relevan lainnya
Beri Komentar