صفحة أرشيف احترافية | إنشاء صفحة sitemap bage

SitemapPages، انشاء صفحة الأرشيف لمدونتك، صفحة صفحة الأرشيف جاهزة، كود صفحة الأرشيف، صفحة الأرشيف html, create SitemapPages, طريقة عمل صفحة الأرشيف

كيف انشاء صفحة الأرشيف لمدونتك :

إليك الطريقه :

1-ادخل على بلوجر

2- ادخل على إنشاء صفحة

3- اكتب في عنوان الصفحة أرشيف بالانجليزي أفضل وبعدها غيرها للغتك

4-ادخل على html داخل الصفحةاسمح كل الأكواد والصق الكود التالي.


وكدا انشت صفحة أرشيف المدونة للاستفسار أو طلب المساعدة الرجاء ترك تعليق للرد عليك

انسخ الكود التالي بالتحديد إليك أيضا قوالب بلوجر 

للتحميل من هنا 

Create ArchivePage


الكود :

HTML

<div class="alrsooog-tab" id="alrsooog-tab"></div>

<script>

var tabbedTAB={blogUrl:"https://www.alrsooog.com/",containerId:"alrsooog-tab",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' &ndash; <em style="color:#ff0000;">New</em>'};

!function(a,b){var c=(new Date).getTime(),d={blogUrl:"https://alrsooog.com",containerId:"alrsooog-tab",activeTab:1,showDates:!1,showSummaries:!1,numChars:200,showThumbnails:!1,thumbSize:40,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:!1,newText:' &ndash; <em style="color:#ff0000;">New!</em>'};if("undefined"==typeof tabbedTAB)tabbedTAB=d;else for(var e in d)d[e]="undefined"!=typeof tabbedTAB[e]?tabbedTAB[e]:d[e];a["clickTabs_"+c]=function(a){for(var b=document.getElementById(d.containerId),c=b.getElementsByTagName("ol"),e=b.getElementsByTagName("ul")[0],f=e.getElementsByTagName("a"),g=0,h=c.length;h>g;++g)c[g].style.display="none",c[parseInt(a,10)].style.display="block";for(var i=0,j=f.length;j>i;++i)f[i].className="",f[parseInt(a,10)].className="active-tab"},a["showTabs_"+c]=function(e){for(var f=parseInt(e.feed.openSearch$totalResults.$t,10),g=d,h=e.feed.entry,i=e.feed.category,j="",l=0;l<(g.showNew===!0?5:g.showNew)&&l!==h.length;++l)h[l].title.$t=h[l].title.$t+(g.showNew!==!1?g.newText:"");h=g.sortAlphabetically?h.sort(function(a,b){return a.title.$t.localeCompare(b.title.$t)}):h,i=g.sortAlphabetically?i.sort(function(a,b){return a.term.localeCompare(b.term)}):i,j='<span class="tab-line"></span><ul class="tab-tabs">';for(var m=0,n=i.length;n>m;++m)j+='<li class="tab-tab-item-'+m+'"><a onclick="clickTabs_'+c+"("+m+');return false;" onmousedown="return false;" href="javascript:;">'+i[m].term+"</a></li>";j+="</ul>",j+='<div class="tab-content">';for(var o=0,n=i.length;n>o;++o){j+='<ol class="panel" data-category="'+i[o].term+'"',j+=o!=g.activeTab-1?' style="display:none;"':"",j+=">";for(var p=0;f>p&&p!==h.length;++p){for(var q,r=h[p],s=r.published.$t,t=g.monthNames,u=r.title.$t,v=("summary"in r&&g.showSummaries===!0?r.summary.$t.replace(/<br *\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,g.numChars)+"&hellip;":""),w=("media$thumbnail"in r&&g.showThumbnails===!0?'<img class="thumbnail" style="width:'+g.thumbSize+"px;height:"+g.thumbSize+'px;" alt="" src="'+r.media$thumbnail.url.replace(/\/s\d(\-c)?\//,"/s"+g.thumbSize+"-c/")+'"/>':'<img class="thumbnail" style="width:'+g.thumbSize+"px;height:"+g.thumbSize+'px;" alt="" src="'+g.noThumb.replace(/\/s\d(\-c)?\//,"/s"+g.thumbSize+"-c/")+'"/>'),x=r.category||[],y=g.showDates?'<time datetime="'+s+'" title="'+s+'">'+s.substring(8,10)+" "+t[parseInt(s.substring(5,7),10)-1]+" "+s.substring(0,4)+"</time>":"",z=0,A=r.link.length;A>z;++z)if("alternate"===r.link[z].rel){q=r.link[z].href;break}for(var B=0,C=x.length;C>B;++B){var D=g.newTabLink?' target="_blank"':"";x[B].term===i[o].term&&(j+='<li title="'+x[B].term+'"',j+=g.showSummaries?' class="bold"':"",j+='><a href="'+q+'"'+D+">"+u+y+"</a>",j+=g.showSummaries?'<span class="summary">'+w+v+'<span style="display:block;clear:both;"></span></span>':"",j+="</li>")}}j+="</ol>"}j+="</div>",j+='<div style="clear:both;"></div>',b.getElementById(g.containerId).innerHTML=j,a["clickTabs_"+c](g.activeTab-1)};var f=b.getElementsByTagName("head")[0],g=b.createElement("script");g.src=d.blogUrl.replace(/\/+$|[\?&#].*$/g,"")+"/feeds/posts/summary?alt=json-in-script&max-results="+d.maxResults+"&orderby=published&callback=showTabs_"+c,"onload"!==d.preload?a.setTimeout(function(){f.appendChild(g)},d.preload):a.onload=function(){f.appendChild(g)}}(window,document);

</script>


<style scoped="" type="text/css">

.alrsooog-tab{border-radius:15px;margin:0 auto;position:relative;opacity: .9;background:linear-gradient(90deg, rgb(169, 108, 232), rgb(0, 115, 183));background-size:400% 400%;animation:Gradient 15s ease infinite}

.alrsooog-tab .loading{display:block;padding:2px 12px;color:#fff}

.alrsooog-tab ul,.alrsooog-tab ol,.alrsooog-tab li{list-style:none;color: #fff; margin:0;padding:0}

.alrsooog-tab .tab-tabs{width:20%;float:left}

.alrsooog-tab .tab-tabs li a{display:block;overflow:hidden;color:#fff;text-decoration:none;padding:12px;font-size:13px;transition:all .3s}

.alrsooog-tab .tab-tabs li a:hover{background-color:rgba(0,0,0,0.05)}

.alrsooog-tab .tab-tabs li a.active-tab{background:rgba(0,0,0,0.05);position:relative;z-index:5;margin:0 -1px 0 0}

.alrsooog-tab .tab-content,.alrsooog-tab .tab-line{width:80%;float:right;background-color:#fff;box-sizing:border-box}

.alrsooog-tab .tab-line{float:none;display:block;position:absolute;top:0;right:0;bottom:0}

.alrsooog-tab .panel{position:relative;z-index:5}

.alrsooog-tab .panel li a{text-decoration: none;color:#737373;display:block;position:relative;font-weight:500;font-size:14px;padding:6px 12px;overflow:hidden}

.alrsooog-tab .panel li time{display:block;font-weight:bold;font-size:11px;color:#4285f4;float:right}

.alrsooog-tab .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}

.alrsooog-tab .panel li .summary img.thumbnail{float:left;display:block;margin:5px 8px 0 0;width:72px;height:72px;background-color:#fafafa}

.alrsooog-tab .panel li{background-color:#f9f9f9;margin:0}

.alrsooog-tab .panel li:nth-child(even){background-color:#fff}

.alrsooog-tab .panel li a:hover,.alrsooog-tab .panel li a:focus,.alrsooog-tab .panel li.bold a{background-color:rgba(0,0,0,0.03);outline:none}

.alrsooog-tab .panel li a em{background:#0998ce;color:#fff!important;font-style:initial;font-size:11px;margin:0 0 0 5px;padding:2px 10px;border-radius:22px}

.alrsooog-tab .panel li:before{display:none}

@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

@media (max-width:768px){.alrsooog-tab .tab-tabs,.alrsooog-tab .tab-content{overflow:hidden;width:auto;float:none;display:block}.alrsooog-tab .tab-tabs li{display:inline;float:left}.alrsooog-tab .tab-tabs li a.active-tab{background-color:rgba(64,64,64,0.1)}.alrsooog-tab .tab-content{border:none}.alrsooog-tab .tab- line,.alrsooog-tab .panel li time{display:none}}

</style>