إضافة مواضيع عشوائية

اضافة مواضيع عشوائية بشكل بسيط جدا ، تأخد الاضافة مجموعة من المواضيع "مشاركات" عشوائية ، وافضل مكان لتناسب الاداة اسفل رسائل المدونة.

شرح طريقة التركيب
1. من لوحة التحكم >> التخطيط>>أضف أداة "HTML/Javascript "جديدة وضع بها الكو التالي:


<ul id="random-posts"></ul>
<style scoped="" type="text/css">
#random-posts{list-style:none;margin:0;padding:0}
#random-posts li{padding:0 0 5px 0;font-size:90%;margin:5px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#random-posts li a{color:#333}
</style>
<script type='text/javascript'>
//<![CDATA[
var homePage = "http://libya-web.blogspot.com/",
numPosts = 8;
function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<strong><li class="random-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}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}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>
</script>

  • *استبدل المحدد بالاحمر برابط مدونتك  http://libya-web.blogspot.com/
  • *numPosts = 8 غير الرقم 8 بعدد المواضيع المراد اظهارها
معاينة مباشرة للإضافة

See the Pen KVgEYq by aseel (@aseel90) on CodePen.

1 comments :

avatar
أزال أحد مشرفي المدونة هذا التعليق.