Cara Buat Random Post Di Blog Versi II

Pada kesempatan yang lalu kita telah membahas bersama tentang bagaimana Cara Buat Random Post Di Blog. Pembuatan random post ini sangat bermanfaat bagi blog kita, karena dapat menampilkan artikel blog secara acak yang juga akan mempromosikan artikel-artikel blog kita terdahulu untuk dibaca kembali oleh pengunjung.


Nah, untuk itu kita akan membahas kembali mengenai Cara Buat Random Post Di Blog dengan versi yang berbeda dari pembahasan yang sebelumnya.

Bagaimana cara membuatnya?

Langkah I

Pertama, masuk ke akun blogger kita.
Klik fitur rancangan.
Klik edit HTML.
Berikan tanda contreng pada Expand Template Widget.
Cari kode HTML berikut ini.

</head>

Masukan Script berikut ini di atas kode HTML tersebut.

<script type="text/javascript">
//<![CDATA[
var _yourBlogUrl = "http://namablogkita.blogspot.com";

function randomPost() {
  var script = document.createElement("script");
  script.setAttribute("type", "text/javascript");
  var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTotalPostsCallback&start-index=1&max-results=1";
  script.setAttribute("src", theUrl);
  document.documentElement.firstChild.appendChild(script);
};
function getTotalPostsCallback(json) {
  var totalResults = json.feed.openSearch$totalResults.$t;
  if (totalResults > 0) {
    getRandomPostNumber(totalResults);
  }
};
function getRandomPostNumber(totalResults) {
  var randomNumber = Math.floor((Math.random() * totalResults) + 1);
  getRandomUrl(randomNumber);
};
function getRandomUrl(randomNumber) {
  var script = document.createElement("script");
  script.setAttribute("type", "text/javascript");
  var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTheUrlCallback&start-index=" + randomNumber + "&max-results=1";
  script.setAttribute("src", theUrl);
  document.documentElement.firstChild.appendChild(script);
};
function getTheUrlCallback(json) {
  var theUrl = json.feed.entry[0].link[0].href;
  window.location.href = theUrl;
}
//]]>
</script>

Klik simpan template dan selesai.

Keterangan :


  1. Sebelum melakukan editing kode HTML template blog kita, sebaiknya download terlebih dahulu template blog kita sebagai langkah antisipasi jika terjadi kegagalan saat proses editing berlangsung.
  2. Ganti namablogkita dengan alamat blog kita masing-masing.


Langkah II

Klik elemen halaman.
Klik tambah gadget.
Pilih HTML/JavaScript.
Masukan kode link berikut ini.

<a href="javascript:randomPost();">Lihat Random Post</a>

Klik simpan dan selesai.

Dengan demikian, pada bagian sidebar blog kita akan muncul link yang apabila diklik akan mengarahkan pada munculnya random post dari blog kita masing-masing.
Mudah bukan?
Jika ada yang ingin menambahi dan menanggapi silakan dituliskan lewat kotak komentar di bawah ini ya kawan.
Salam blogger!

2 komentar:

  1. Informasi yang sangat bagus dan berguna. Ditunggu untuk informasi berikutnya. Thanks gan

    Silahkan berkunjung di intanqq

    BalasHapus
  2. [URL=http://intanqq.poker][IMG]https://imgur.com/IwUp6uB.jpg[/IMG][/URL]

    Selamat Datang Di IntanQQ

    IntanQQ Merupakan Situs Judi Bandar Poker Dan Bandar Sakong Terpercaya Di Indonesia

    IntanQQ Menyediakan 7 GAME Dalam 1 Web dan Hanya Dengan 1 ID,

    Game yang di Sediakan Oleh IntanQQ :
    - Sakong (New Game)
    - Bandar Poker (New Game)
    - BandarQ (Hot Game)
    - Poker
    - Domino
    - Capsa Online
    - AduQ

    Kelebihan Bermain Di IntanQQ :
    - BONUS TURNOVER 0.3% SETIAP HARI
    - BONUS XTRATURNOVER SETIAP MINGGUNYA
    - BONUS REFERAL 10% +10% SEUMUR HIDUP!!
    - MIN DEPO IDR 15.000 dan Proses Cepat 1 Menit
    - Bisa dimainkan di Smartphone Versi Android dan Iphone

    Info Lebih Lanjut Bisa Hubungi kami Di :

    BBM : 2AD20246
    Facebook : https://www.facebook.com/profile.php?id=100015210468567
    Phone : +855968675507
    WeChat : intan_qq
    LiveChat : www.intanqq.poker

    Link Daftar http://intanqq.poker/Register.aspx?lang=id

    BalasHapus