Sesuai judul, nih lagi pengen buat random post, cuma cari yang simple aja biar tidak buat berat loading blog. Yah seperti biasa selancar lagi deh, dan akhirnya ketemu.
Thanks buat postnya mbak arlinadzgn, maen ke halamannya plus nyomot isi postnya, habis sesuai sih sama yang dicari, yaps SIMPLE.
Sesuaiin ke blog ini dan lagi, masih tetap butuh penyesuaian alias oprek dikit (maaf ya mbak), alhasil dapat hasil yang sesuai dengan yang diharapkan.
Langsung saja nih wejangan anget kalau mau buat random posts, sekalian catatan pertinggal suatu saat kalau saya butuhkan.
Nah jadi deh, Eh Kalau mau dioprek lagi, sini tak bantuin ngasih keterangannya biar jangan ribet, Sesuaikan kode dengan warnanya ya!
Thanks buat postnya mbak arlinadzgn, maen ke halamannya plus nyomot isi postnya, habis sesuai sih sama yang dicari, yaps SIMPLE.
Sesuaiin ke blog ini dan lagi, masih tetap butuh penyesuaian alias oprek dikit (maaf ya mbak), alhasil dapat hasil yang sesuai dengan yang diharapkan.
Langsung saja nih wejangan anget kalau mau buat random posts, sekalian catatan pertinggal suatu saat kalau saya butuhkan.
- Dashboard
- Layout atau bahasa kita Tata Letak
- Add gadget or tambah gadget
<style scoped='' type="text/css">
#arlina-random ul{list-style:none;margin:0;padding:0}#arlina-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:none solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
#arlina-random li:last-child{border-bottom:0;}
#arlina-random li a{color:#ffffff;}#arlina-random li a:hover{color:#ffffff;text-decoration:none}
</style>
<div id='arlina-random'>Coffe break...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'https://ritongablog.blogspot.co.id/',
maxResults = 7,
containerId = 'arlina-random';
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function shuffleArray(arr) {
var i = arr.length, j, temp;
if (i === 0) return false;
while (--i) {
j = Math.floor(Math.random() * (i + 1));
temp = arr[i];
arr[i] = arr[j];
arr[j] = temp;
}
return arr;
}
function ArlinaRandomPosts(json) {
var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
// console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
}
function randomPosts(json) {
var link, ct = document.getElementById(containerId),
entry = shuffleArray(json.feed.entry),
skeleton = "<ul>";
for (var i = 0, len = entry.length; i < len; i++) {
for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
}
skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
}
ct.innerHTML = skeleton + '</ul>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=ArlinaRandomPosts"></scr' + 'ipt>');
//]]>
</script>
#arlina-random ul{list-style:none;margin:0;padding:0}#arlina-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:none solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
#arlina-random li:last-child{border-bottom:0;}
#arlina-random li a{color:#ffffff;}#arlina-random li a:hover{color:#ffffff;text-decoration:none}
</style>
<div id='arlina-random'>Coffe break...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'https://ritongablog.blogspot.co.id/',
maxResults = 7,
containerId = 'arlina-random';
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function shuffleArray(arr) {
var i = arr.length, j, temp;
if (i === 0) return false;
while (--i) {
j = Math.floor(Math.random() * (i + 1));
temp = arr[i];
arr[i] = arr[j];
arr[j] = temp;
}
return arr;
}
function ArlinaRandomPosts(json) {
var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
// console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
}
function randomPosts(json) {
var link, ct = document.getElementById(containerId),
entry = shuffleArray(json.feed.entry),
skeleton = "<ul>";
for (var i = 0, len = entry.length; i < len; i++) {
for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
}
skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
}
ct.innerHTML = skeleton + '</ul>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=ArlinaRandomPosts"></scr' + 'ipt>');
//]]>
</script>
Nah jadi deh, Eh Kalau mau dioprek lagi, sini tak bantuin ngasih keterangannya biar jangan ribet, Sesuaikan kode dengan warnanya ya!
- none : Untuk pertebal garis dibawahnya, ganti dengan angka 1px atau terserah.
- #e3e3e3 : Untuk ganti warna garis dibawahnya.
- 10px : Untuk mengatur jarak antar daftar post.
- #ffffff : Untuk mengganti warna post.
- #ffffff : Untuk mengganti warna post ketika hendak diklik.
- none : Untuk menampilkan garis bawah ketika hendak diklik, GANTI dengan --> underline <--
- Coffe break.. : Kalimat loading, ganti terserah ente
- https://ritongablog.blogspot.co.id/ : Link blog
- 7 : Jumlah post yang hendak ditampilkan, ganti terserah.
sumur : http://www.arlinadzgn*com/2016/02/cara-memasang-widget-random-post-di-blog*html
Tidak ada komentar:
Write commentsPERHATIAN!
- Baca dulu artikel dan komentar yang ada dengan teliti sebelum menulis komentar
- Harap berkomentar dengan bijak dan sopan
- Centang 'Beritahu Saya' untuk mendapat jawaban balasan dari Email
- Link aktif, iklan, dan sejenisnya, akan dimasukan ke folder SPAM
- Kalimat yang mengandung makna dan tujuan yang tidak baik akan dihapus!