Topics :
Home » » Cara Pasang Random Post pada Blog

Cara Pasang Random Post pada Blog

Ungkit - Cara Memasang Random Post pada Blod dengan Mudah. Random Post sendiri adalah suatu cara menampilkan posting secara acak. Random Post juga berfungsi untuk memudahkan dan menarik Pembaca Blog yang sedang berkunjung pada Blog kita. 


Berikut Cara Memasang Random Post di Blog:

Langkah mudah membuat Random Post:

Pertama:


*Buka Template -> Edit HTML -> Backup template dulu
*Control F untuk mencari kode </head>
*Kemudian Copy-paste kode dibawah ini biasanya ATAS  </head>


<script type="text/javascript">
//<![CDATA[var _yourBlogUrl = "http://ungkit.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>


Jangan Lupa ganti Kode URL yang warna biru dengan Kode URL sesuai Blog sendiri.
Setelah selesai SAVE dulu


Kedua:


Masuk pada Tata Letak 
Kemudian Tambahkan sebuah Element halaman Widget -> HTML/Javascript
Dan Copy Paste kode yang ada di bawah ini


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


Kalo sudah di SAVE
Dan lihat Hasilnya

Semoga Berhasil dan Bermanfaat
Don't forget to LIKE and SHARE ;)

Sumber : Gariscerdas.com

0 komentar :

Posting Komentar