السلام عليكم ورحمة الله وبركاته
في هذه التدوينة ساعرض عليكم طريقة اضافة اداة جميلة وفعالة الى مدونات بلوجر وهي اداة المشاركات العشوائية او المواضيع العشوائية،بكل بساطة هذه الاداة تقوم في كل مرة باختيار مواضيع عشوائية من المدونة وعرضها بشكل جميل ومنظم في المدونة ليتسنى للزائر الحصول على المواضيع بسهولة وايضا وجذب انتباهه.
يجب عليك اخذ نسخة احتياطية قبل البدء بخطوات اضافة الاداة
الان بعد ان اخذت نسخة احتياطية من قالب المدونة اتبع الخطوات التالية:
الخطوة الاولى: اذهب الى لوحة التحكم للمدونة ثم اختار قالب ثم تحرير HTML كما في الصورة.
الخطوة الثانية: علم على “توسيع قوالب عناصر واجهة المستخدم”.
الخطوة الثالثة: اضغط F3 ثم ابحث عن
]]>;</b:skin>
الخطوة الرابعة: فوق الكود السابق الصق هذا الكود
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
الخطوة السادسة: اذهب الى التخطيط ثم اضافة اداة.
الخطوة السابعة: اختار اداة HTML/JavaScript.
الخطوة الثامنة: الصق الكود التالي بداخلها.
اذا لم يعمل معك الكود يمكنك نسخه من هنا المصدر وسيعمل مئة بالمئة<ul id='random-posts'> <script type='text/javaScript'> var rdp_numposts=5; var rdp_snippet_length=150; var rdp_info='yes'; var rdp_comment='Comments'; var rdp_disable='Comments Disabled'; 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}; </script> <script type='text/javaScript'> 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/AVvXsEiZkels28bznVb6zqPGoflNhf9xUH8NYtVtshoTZzV2M-bG4iH9fp8Qc-pdEfwW7a03DUP_5NaPieJWhJbHA34H-ndcjJoAzpdBvOE_4JC1zay_ld07lXhkV2B4K2fRVLvOBzM7odx4ijo/s1600/default.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>')}; </script> </ul>
ملاحظة: لتغيير عدد المواضيع التي ستظهر استبدل العدد 5 بعدد المواضيع التي تريدها.
الخطوة التاسعة: اضغط حفظ واستمتع.
التعليقات :
إرسال تعليق