سكربت عرض المواضيع حسب التسمية لمدونات بلوجر كتبها: المدون التقني

سكربت عرض المواضيع حسب التسمية لمدونات بلوجر كتبها: المدون التقني - الخبير عامر بشير

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

السلام عليكم مرحبا بكم في مدونة الخبير عامر بشير اليوم اقدم لكم اضافة سكربت يعرض لك المواضيع حسب التسمية لاكن بطريقة سهلة جدا و بدون تعقيدات ويمتاز شكل السكربت بستايله العصري و الذي يتوافق مع قوالب الخبير عامر بشير السابقة يمكنك معاينة الاضافة من خلال الزر التالي

معاينة

اولا ادخل للوحة التحكم في بلوجر ثم اذهب الى القالب و اضغط على تحرير html
اضغط ctrl+f و ابحث على
وضع هذا الكود فوقه مباشرة

<b:if cond='data:blog.pageType == "index"'> <style>/* Recent Post Material Design by ab-expert.blogspot.com */ li.recent-posts:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 5px 10px 0 rgba(0,0,0,0.12), 0 5px 10px -5px rgba(0,0,0,0.2)} .recent_abdoutech23,li.recent-posts{box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);background:#fff;border-radius:3px;overflow:hidden} a.gorecent{float:left;font-size:11px;padding:5px 10px;margin:-4px} .recent_abdoutech23 h2{display:inline-block;text-transform:uppercase;font-size:15px;margin:0} .recent_abdoutech23 svg{float:right;margin-right:10px} .recent_abdoutech23{padding:15px;text-align:right;margin-bottom:10px}ul#recent-posts{margin:0;padding:0} li.recent-posts:nth-child(12),li.recent-posts:nth-child(4),li.recent-posts:nth-child(8){margin-right:0} li.recent-posts{transition:all .3s ease-in-out;list-style:none;padding:0;margin-bottom:20px;text-align:center;width:260px;max-width:100%;float:left;height:260px;margin-right:20px} .title_post a{color:#515151}li.recent-posts a:hover{color:#111} .title_post{height:30px;overflow:hidden;padding:10px;line-height:1.4;font-size:13.4px} .recent-posts img{height:190px;width:100%} a.gorecent{text-transform:uppercase;line-height:1.5;font-size:11px;font-weight:700;color:#fff;border:none;padding:7px 15px 7px;border-radius:5px;background:#2DCC70;cursor:pointer;outline:0;box-shadow:0 2px 2px 0 rgba(154,154,154,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.12);margin-right:7px} @media screen and (max-width:768px){li.recent-posts{width:45.6%}} @media screen and (max-width:480px){li.recent-posts{width:100%}}  </style></b:if>

الان ايحث مرة اخرا على وضع هذا الكود فوقه كذالك

<b:if cond='data:blog.pageType == "index"'> <script type='text/javascript'>//<![CDATA[ // Recent Post Settings var recentpost_url = "http://ab-expert.blogspot.com/"; var numPosts = 8; var recentpost_label = "بلوجر"; // Recent Post function recentPosts(e){if(document.getElementById("recent-posts")){for(var t,s,r=e.feed.entry,n="",a=document.getElementById("recent-posts"),l=0;l<numPosts;l++){for(var c=0;c<numPosts;c++)if("alternate"==r[l].link[c].rel){s=r[l].link[c].href;break}"media$thumbnail"in r[l]?u=r[l].media$thumbnail.url.replace(/.*?:\/\//g,"//").replace(/\/s[0-9]+\-c/g,"/s300"):u="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhthTwMSa4IQJp7PrET17Zbsl6NtEN2g7rtNesxd9GQNsevTmqqsAySo4h0EgoDmxrzIU2qjJY5uizID8VCylS2PJ4gk5aHknC3Kt5B1gDGibYaE9d199IooiRBva_rOzQbdKoafpQqPLU/s90/nothumb_large.png";var t=r[l].title.$t;n+=' <li class="recent-posts"><a href="'+s+'" title="'+t+'" target="_blank"><img src="'+u+'" alt="'+t+'"></a><div class="title_post"><a href="'+s+'" title="'+t+'" target="_blank">'+t+"</a></div></li>"}a.innerHTML=n}}var rcp=document.createElement("script");rcp.src=recentpost_url+"/feeds/posts/default/-/"+recentpost_label+"?orderby=published&alt=json-in-script&max-results="+numPosts+"&callback=recentPosts",document.getElementsByTagName("head")[0].appendChild(rcp); // Recent Post Title var titlerecentpost = document.getElementById("abdoutitle"); titlerecentpost.innerHTML='<div class="recent_abdoutech23"><svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z"/></svg><h2>'+recentpost_label+'</h2><a class="gorecent" href="'+recentpost_url+'/search/label/'+recentpost_label+'" title="اخر المواضيع" target="_blank">المزيد</a></div>'; //]]></script></b:if>

ملاحظة: var recentpost_url = "هنا رابط مدونتك غيره به";
var numPosts = عدد المواضيع;
var recentpost_label = "تسمية من تسميات المدونة";

الان ضع هذا الكود في المكان الذي تريد ضهور فيه السكربت

Written by you: Technical blogger AMER BACHIR

URL Of Post:

https://ab-expert.blogspot.com/2017/12/blog-post_72.html

HTML Code Of Post:

<a href="https://ab-expert.blogspot.com/2017/12/blog-post_72.html">سكربت عرض المواضيع حسب التسمية لمدونات بلوجر كتبها: المدون التقني  - الخبير عامر بشير</a>

الموضوع من قسم:

اضافات بلوجر بلوجر سكربت

تنويه : الصور والفيديوهات في هذا الموضوع على هذا الموقع مستمده أحيانا من مجموعة متنوعة من المصادر الإعلامية الأخرى. حقوق الطبع محفوظة بالكامل من قبل المصدر. إذا كان هناك مشكلة في هذا الصدد، يمكنك الاتصال بنا من هنا.

عن المدونة

مدونة الخبير عامر بشير للمعلوميات مختصة في مجال التكنلوجيا و التقنيات و كل ما يخص الهواتف الذكية و الحواسيب ، و هدفنا هو تصحيح االأفكار و الدروس الخاطئة في المحتوى العربي عن طريق دروس و حلقات في قناتنا على اليوتيوب ، و يسهر على إشراف و سير الموقع الشاب الجزائري ' عامر بشير' الذي يحيكم و يشجعكم على الزيارة الدائمة و الإشتراك في موقعنا لتتوصل بكل جديد منا .