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

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

معاينة 

1. اولا ادخل للوحة التحكم في بلوجر ثم اذهب الى القالب و اضغط على تحرير html 
2. اضغط ctrl+f و ابحث على </head> 
3. وضع هذا الكود فوقه مباشرة

<b:if cond='data:blog.pageType == "index"'>
<style>/* Recent Post Material Design by ABDOUTECH.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>
 

1. الان ايحث مرة اخرا على </body> وضع هذا الكود فوقه كذالك

<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>//<![CDATA[// Recent Post Settingsvar recentpost_url = "http://www.abdoutech.com/";var numPosts = 8;var recentpost_label = "بلوجر";// Recent Postfunction 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/AVvXsEgEbJxiE2sQxVCrqoWj-KMDjFptMIINVJKeAdrJHK9TcPOkVRZkhZ7cWR_aivFvrm0AHddI8Q0GV8R_gstK1OMq-qbWK25XhxGqd_3R66Kqh3ln5EacZ5ytPnmhZFH6o4DlZ6oiolCOdRw/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 Titlevar 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 = "تسمية من تسميات المدونة"; 

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

<b:if cond='data:blog.pageType == "index"'>
<div id='abdoutitle'></div><ul id='recent-posts'></ul></b:if>