Cara Membuat Random Post Dengan Thumbnail

Cara membuat random post di Blog



Masjidyogyakarta.blogspot.com. Sebelumnya saya telah menulis sebuah artikel dengan tema yang sama, yaitu cara membuat random post keren pada kesempatan kali ini saya akan menulis kembali tema tersebut, tetapi dengan model dan cara yang berbeda.

Random post sendiri adalah postingan acak yang akan tampil di halaman blog utama kita, sebenarnya ini mirip dengan recent post maupun popular post, namun dari segi nama, maka akan tampaklah perbedaan antara ketiga. Recent post adalah postingan terbaru, popular post adalah postingan yang sering di buka oleh pengunjung, sedangkan random post adalah postingan acak, yang bisa saja akan memunculkan artikel yang sama dari popular post dan recent post, tergantung dari sistem yang berjalan.

Random post sendiri sangat berguna, sebab artikel-artikel yang telah lama kita buat pun bisa muncul di halaman random post, dan ini dapat menarik minat pengnjung blog untuk membacanya.

Berikut cara-caranya.

  1. Masuk ke blog anda
  2. Klik tata letak
  3. Klik tambahkan gadget
  4. pilih HTLM / JavaScript
  5. copy dan paste kode di bawah ini



<style>
.rp-post-link {
font-weight: bold !important;
font-size: 120% !important;
}
.rp-summary {
margin-top: 3px !important;
font-size: 100% !important;
line-height: 1.3em !important;
word-wrap: break-word !important;
}
.rp-thumbnail {
margin: 5px 5px 2px 0px !important;
float: left !important;
width:65px;height:65px;
}
.rp-pubdate {
font-style: italic !important;
margin-bottom: 3px !important;
}
</style>
<script type="text/javascript">
var randarray = new Array();
var l=0;
var flag;
var lengthsummary = 100;
var numofpost=5; 
function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0; i < numofpost;){
flag=0;
randarray.length=numofpost;
l=Math.floor(Math.random()*total);
for(j in randarray){
if(l==randarray[j]){
flag=1;
}
}
if(flag==0&&l!=0){
randarray[i++]=l;
}
}
document.write('<div>');
for(n in randarray){
var p=randarray[n];
var entry=json.feed.entry[p-1];
var item ="";
var posttitle = entry.title.$t || "[Untitled]";
"[Untitled]"
for(k=entry.link.length -1; k >= 0 ; k--){
if(entry.link[k].rel=='alternate'){
item +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>";
break;
}
}
item += "<br"
item += "/>"
var pubdate = new Date(entry.published.$t).toDateString();
item +="<span class='rp-pubdate'>Posted On " + pubdate +"</span>";
if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>"
var summary = "";
if ("content" in entry) {
summary = entry.content.$t;
}
else if ("summary" in entry) {
summary = entry.summary.$t;
}
var re = /<\S[^>]*>/g;
summary = summary.replace(re, "");
item += "<p class='rp-summary'>" + summary.substring(0,lengthsummary) + " ...</p>";
document.write(item);
}
document.write('</div>');
}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
</script>

Jika sudah selesai jangan lupa klik save, demikian trik sederhana cara membuat random post dengan thumbnail.

Popular posts from this blog

Syahadah Qiro'ati

Image
Syahadah Qiroati; Penghargaan atas sebuah Kesungguhan Ini adalah sebuah catatanku saat masih kuliah dulu, tidak ada maksud untuk menyombongkan diri, tidak pula pamer terhadap gelar tertentu. Sekitar tahun 2003, saya mulai mengajar di Madrasah Diniyah Ismaliyah Seturan (Madis). Saat itu status saya masih mahasiswa S1 di UIN Sunan Kalijaga Yogyaakrta, seperti yang pernah saya tulis sebelumnya, bahwa semasa kuliah saya tinggal di Masjid Al-Jihad seturan, Catur tunggal Depok, Sleman, sebagai 'orang masjid', membantu mengajar di Madis, boleh dibilang sebagai sebuah 'kewajiban'. MADIS sendiri menurut saya sama dengan Taman Pendidikan Al-Qur'an (TPA) yang ada di Jogja pada umumnya, sebab kegiatan dan jam belajarnya pun sama, ada belajar mambaca Al-Qur'an, hafalan surat pendek, menulis huruf arab, materi-materi keislaman, mewarnai dan kegiatan-kegiatan lainnya, dan jam masuk dan pulangnya pun sama dengan TPA pada umumnya, yaitu mulai pukul 16.00 - menj
Read more

Proposal Renovasi Tempat Wudlu

Image
Contoh Proposal Renovasi Tempat Wudlu    RENOVASI PEMBANGUNAN TEMPAT WUDHU/KAMAR MANDI MASJID BAITUSSALAM Muqaddimah Masjid dengan umat Muslim merupakan satu kesatuan yang tidak dapat dipisahkan. Kemakmuran masjid dengan aktivitas ibadah kepada Allah SWT maupun mempererat ukhuwah Islamiyah merupakan suatu ciri keberhasilan umat Muslim. Masjid Baitussalam Dusun I Sidoarum mempunyai berbagai kegiatan rutin maupun insidental yang bertujuan untuk peningkatan ketaqwaan umat kepada Allah SWT, membina generasi penerus (anak-anak dan remaja), mempererat ukhuwah Islamiyah dan membantu saudara-saudara sesama muslim. Bentuk kegiatan yang telah dilakukan adalah pengajian umum rutin setiap malam Jum’at Pahing, pengajian remaja dan ibu-ibu, peringatan hari besar Islam, sosial kemasyarakatan (perawatan jenazah, bantuan sosial, dll), serta pelaksanaan Taman Pendidikan Al Qur’an. Tempat wudhu merupakan salah satu sarana utama masjid yang ditujukan untuk para jama’ah. Wudhu merupakan
Read more

Mading Remaja Masjid

Image
Mading Remaja Masjid Baitussalam mading remaja masjid Mading (Majalah Dinding) merupakan sebuah kreatifitas untuk mengekspresikan sebuah ide atau gagasan yang dituangkan lewat sebuah tulisan / gambar yang terpampang di area Mading. Dalam rangka menyambut Ramadhan 1435 H. remaja masjid Baitussalam telah menyiapkan Mading sebagai wadah para remaja untuk dapat berpartisipasi dalam mengisi Mading tersebut. Mading yang dibuat kali ini cukup unik, Misalnya gambar yang sudah umum beredar di masyarakat mengenai logo dan merk sebuah perusahaan, tulisannya diganti dengan kata-kata yang menggelitik, misalnya logo dan tulisan mie sed*p diganti menjadi bismillah setiaap mau makan. Proses penempelan materi dan pembuatan mading kali ini membutuhkan waktu sekitar 3 jam, ada sekitar 15 remaja putra dan putri turut serta dalam pembuatan mading ini, mereka terlihat cukup antusias dan bersemangat, walau ini adalah pertama kalinya mereka membuat mading di Masjid Baitussalam, tetapi has
Read more