كود مواضيع عشوائيه لمدونات بلوجر

 جلبنا لكم اليوم كود لقائمه الموضيع العشوائيه او ما يسميه البعض في مواقعهم ومدوناتهم " اخترنا لك " وهذا شكل القائمه 

ولتركيبه على مدونتك او موقعك قم بإتباع الاتي :

1. من لوحه التحكم بلوجر  انقر على التخطيط
2. قم بإضافه اداه جديده في المكان الذي تريد ظهور قائمه المواضيع العشوايه فيه
3. قم بانشاء اداة HTML/JavaScript

4. قم بنسخ الكود التالي ولصقه داخل الاداه التي قمت بانشائها

<style>#random-posts img{float:<b><span style="background-color: #cccccc;"><span style="color: red;">left</span></span></b>;margin-<b><span style="background-color: #cccccc;"><span style="color: #38761d;">right</span></span></b>:10px;border:1px solid #999;background:#FFF;width:<b><span style="background-color: #eeeeee;"><span style="color: #3d85c6;">36</span></span></b>px;height:<span style="background-color: #eeeeee;"><span style="color: #3d85c6;"><b>36</b></span></span>px;padding:3px}</style><br /><ul id='random-posts'><br /><script type='text/javaScript'><br />var rdp_numposts=<span style="color: #0b5394;"><b><span style="background-color: #cccccc;">5</span></b></span>;<br />var rdp_snippet_length=<b><span style="background-color: #cccccc;"><span style="color: #741b47;">150</span></span></b>;<br />var rdp_info='<span style="color: #351c75;"><span style="background-color: #cccccc;"><b>yes</b></span></span>';<br />var rdp_comment='تعليق';<br />var rdp_disable='بدون تعليقات';<br />var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};<br /></script><br /><script type='text/javaScript'><br />function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWqGPWeasGZfyEkpq-k4_b6A8fgV9TYRm-CSrkUNBXJQKA3zS1XZ2dAFYMW25Je8nqPp1a0Bn_06daA5Yg6jkf4NGioIKDH8bW7QyLDfgADidC-mvODtixJHsst0_iIXoGvsAU-zIcUHQ/s1600/na_image.jpg"}}};document.write(' <li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};<br /></script><br /></ul><br /><br />

بامكانك التعديل على الكود  بحسب ارادتك في هذه الخطوات

1.  إن أردت جعل صور المصغرات على اليمين حول left الى Right و Right الي left
2. الرقم 5 هو عدد المواضيع المعروضة في الإضافة
3. اما 150 هو طول العنوان المسموح بعرضه
4. yes حولها الى No إن أردت إخفاء التعليقات والتاريخ من الإضافة
5. أما 36 هو طول وعرض الصور المصغرة