كيفية انشاء صفحة لاخر مواضيع مدونتك مع ازرار التنقل

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

وقمت من قبل على عالم المدون بعرض لكم فهرس احترافي اخر كان بأسم اضافة فهرس لمدونات بلوجر بخصائص جديده واحترافيه 2018 ، يمكنك ايضا الحصول عليه من الموضوع الخاص به.


الفهرس فى موضوع اليوم استخدم فى عالم المدون وهو بالنسبة لي حاليا من أفضل الإضافات يمكنك الأن أنت ايضا الحصول عليه من خلال هذا الموضوع تابع معي.

صورة من الإضافة

كيفية انشاء صفحة لاخر مواضيع مدونتك مع ازرار النتقل

إقرأ ايضا : تحميل قالب WeBlog بلوجر قالب تدوينات - مجلة - اخبار 2018

اول سوف يكون عليك وضع هذا الكود فى مدونتك فوق الوسم</head>، هذا الكود الخاص بالخط font awesome اذا كان فى مدونتك من قبل لا تضعه .

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
//]]>
</script>

الأن بعد وضع الكود سوف تحفظ القالب.

وبعد ذلك سوف تقوم بانشاء صفحة جديده فى مدونتك كما فى هذه الصورة.


وبعد انشاء الصفحة سوف تدخل الى وضع HTML كما فى هذه الصورة وتقوم بوضع بها الكود التالي.

<style type="text/css">
.clear-post-body{box-shadow:initial;background:initial;padding:0;line-height:initial;display:none}
.static_page .clear-post-body{padding:0}
#Email{margin:0 0 10px 0}
#content,.single-posts article{background:transparent;box-shadow:none;padding:0}
.single-posts .entry-title{margin:10px auto 30px auto;text-align:center;background:rgba(0,0,0,0.08);color:#747d8c;display:table;padding:0 20px;border-radius:99em;font-size:16px}
.post-details,.breadcrumbs{display:none}
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
#recentpostsae .recentpostel{width:50%;background:#fff;margin:0 0 10px 0;padding:10px;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1);float:right}
#recentpostsae .recentpostel:nth-child(even){margin:0 0 10px 0;width:49%;float:left}
#recentpostsae .recentpostel img{background:#ecf0f1;padding:0;float:right;margin:0;margin-left:13px;width:72px}
#recentpostsae .recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:14px;font-weight:400;margin:0;color:#000}
#recentpostsae .recentpostel:hover{background-color:#fefefe}
#recentpostsae .recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{letter-spacing: -10px;text-align: center;background: #ffffff url(https://2.bp.blogspot.com/-GeeSB564W-o/Wum3zpg8qNI/AAAAAAAAGmM/aRoomVJFtSQfUoAJrRjD6h1wTSU8J8DUQCLcBGAs/s1600/ellipsis-preloader.gif) no-repeat 50% 50%;height: 470px;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);}
#recentpostnavfeed{background:#fff;margin:0 0 10px 0;padding:10px;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostnavfeed a{color:#141414;font-size:12px;font-weight:400;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:0;cursor:pointer;transition:all .3s}
#recentpostnavfeed .next,#recentpostnavfeed .previous,#recentpostnavfeed .home{position:relative;overflow:hidden;display:inline-block;background:#e84b3c;color:#fff;padding:10px 16px;font-size:1rem}
#recentpostnavfeed .home{display:block;text-align:center}
#recentpostnavfeed .next{float:right;margin:0 0 0 10px}
#recentpostnavfeed .previous{float:left;margin:0 10px 0 0}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:#ccc}
#recentpostnavfeed i{font-family:fontawesome;font-style:normal}
#recentpostnavfeed .next:hover,#recentpostnavfeed .previous:hover,#recentpostnavfeed .home:hover{background:#000;color:#fff}
</style>
<div id='recentpostsae'/>
<div id='recentpostnavfeed'/>
<script type='text/javascript'>
//<![CDATA[
var numfeed = 10;
var startfeed = 0;
var urlblog = "https://wdbloog.blogspot.com";
var charac = 0;
var urlprevious, urlnext;
function wdbloogafeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"https://3.bp.blogspot.com/-BHuXHny1kOk/VXrkSyxKCjI/AAAAAAAACas/pZLJAEUDtds/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+wdbloogafeed(i,charac)+"</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'><i class='fa fa-arrow-left'></i></a>":"<span class='noactived previous'><i class='fa fa-arrow-left'></i></span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'><i class='fa fa-arrow-right'></i></a>":"<span class='noactived next'><i class='fa fa-arrow-right'></i></span>",s+="<a href='javascript:navigasifeed(0);' class='home'><i class='fa fa-home'></i></a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","wdbloogalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("wdbloogalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>

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

إقرأ ايضا : احدث طريقة لايقاف ادبلوك Adblock وزيادة الأرباح بشكل كبير

سوف تقوم أول بتغيير رابط مدونة عالم المدونhttps://wdbloog.blogspot.comرابط مدونتك
ايضا يمكنك التحكم فى عدد المواضيع التى سوف تعرض لكل صفحة من خلال الرقم10فى الكود.

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

اذا تريد الفهرس يعمل على تسمية واحد سوف تقوم بتغيير هذا الكود فى الصفحة.

/feeds/posts/default

بهذا الكود مع تغيير التسمية من عندك

/feeds/posts/default/-/التسمية

وبذلك سوف يعمل الفهرس على تسمية واحد او الأفضل جعل الكود كما هو كما فى عالم المدون وسوف يعمل على جميع المواضيع الخاصه بمدونتك.

يمكنك ايضا معاينة الفهرس من هذه الصفحة الخاصه بـ عالم المدون.


هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .

إظهار التعليقات

هناك 8 تعليقات :

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

سلام عليكم اخي الكريم
أريد سكربت لقائمة الأقسام عندما يتصفح المستخدم من جوال تتحول قائمة الأقسام إلى زر يظهر الاقسام مثل مدونتك

بانتظارك أخي لو في أسرع وقت

لا يريد ان يشتغل وايضا فى مدونتك لا تريد ان تشتغل فما الحل وهذا رابط مدونتى وعلما القالب من تصميمى
http://blog-one-pro.blogspot.com/p/seo.html رابط الصفحة اهى بتقعد تحمل بس مش بتجيب مواضيع زى حضرتك برضو

انا لقد قمت بحذف بعض الاكواد الخاصه به من المدونة
وهى فى مدونتك تعمل