شاهد ايضا احدث طريقة لايقاف ادبلوك Adblock وزيادة الأرباح بشكل كبير
الفهرس فى موضوع اليوم استخدم فى
AWA KINGDOM وهو بالنسبة لي حاليا من أفضل الإضافات يمكنك الأن أنت ايضا الحصول عليه من خلال هذا الموضوع تابع معي.
صورة من الإضافة
كيفية انشاء صفحة لاخر مواضيع مدونتك مع ازرار النتقل
اول سوف يكون عليك وضع هذا الكود فى مدونتك فوق الوسم</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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWtMT0RkfNdmiNmg_azYh2RclcJLoJdBPhj0mS7_24Nz5enmR-_sEDO77SinNWJkiUn3DuYO4kNgrK7REGzRhmNAg0f9SLslNmAvBJ2oNb51p_dBSt9dN8CRrXWVawUvxTSWNTtRHpQxy3/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg7_2G4qsZr75sNRPNNDS5VVlekiOnBzUb25lMS8QbFaNt34sl2wUcyO4HFpP1t-SsWfGDxwOnUUVL-p_7ywdnIHAAaxvIfaZyNdFpDd9spbwGiw2a_CkaSTc3fwVbLqV8UhB9hZEX9Jyh/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>
الأن بعد وضع الكود سوف يكون عليك عمل بعض التعديل الصغيره
ايضا يمكنك التحكم فى عدد المواضيع التى سوف تعرض لكل صفحة من خلال الرقم10فى الكود.
ايضا يمكنك جعل الفهرس يعمل على تسمية واحده فقط فى مدونتك حاليا اذا لم تعدل على شئ اخر فى الكود فسوف يعمل على جلب اخر مواضيع مدونتك.
اذا تريد الفهرس يعمل على تسمية واحد سوف تقوم بتغيير هذا الكود فى الصفحة.
/feeds/posts/default
بهذا الكود مع تغيير التسمية من عندك
/feeds/posts/default/-/التسمية
وبذلك سوف يعمل الفهرس على تسمية واحد او الأفضل جعل الكود كما هو كما فى
awa kingdom وسوف يعمل على جميع المواضيع الخاصه بمدونتك.
