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

عبدو تكنولوجي - Abdou Technologie

6 ديسمبر 2017

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

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

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

<b:if cond='data:blog.pageType == "index"'>

<style>
/* Recent Post Material Design by ABDOUTECH.ORG */
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>

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

<b:if cond='data:blog.pageType == "index"'>

<script type='text/javascript'>
//<![CDATA[
// Recent Post Settings
var recentpost_url = "https://www.abdoutech.org/";
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://1.bp.blogspot.com/-jHWwEwTEwQ4/WJJ4k71QSYI/AAAAAAAApVc/XO_OitR_VGQS_Wquq1pv1h1D-dgiejSuQCLcB/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 = "تسمية من تسميات المدونة";

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

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع

Samy Fadouli 28 يناير 2018 في 6:46 م

شكرا لك صديقي

Samy Fadouli 27 أغسطس 2018 في 10:53 م

لدي مشكل عندما اغير الرابط لمدونتي لاتظهر المواضيع ولكن عندما اغير الرابط الى موقعك تشتغل ممكن حل

Blogger 29 أكتوبر 2018 في 1:55 ص

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

Admin 22 فبراير 2019 في 9:58 م

لا يريد ان يشتغل معي هذا السكربت في الموقع ممكن حل اخي عبدو طبقت كل شييء ولكنه لم يشتغل