صفحة الأرشيف لقوالب بلوجر

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

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

طريقة تركيب صفحة الأرشيف 

1. ندخل الي لوحة تحكم بلوجر
2. ثم الي تبويب الصفحات
3. ثم نضغط صفحة جديدة
4. ثم تضف العنوان كما تريد
5. ثم الي HTML ثم نحذف كل شئ
6. ثم نضف الكود المرفق و ثم اضغط حفظ

  <script type="text/javascript">

var ShowImage = true;

</script>

<style>

#sitemapbyMH{font-size:17px}

.h8style{display:block;border-radius:6px;padding:10px 14px;background:#2e7cfc;color:#ffffff;margin-bottom:20px;margin-top:20px}

#sitemapbyMH a{text-decoration:none;direction:rtl;box-shadow:none;line-height:42px;padding-right:7px}

.item-MH{list-style:none;position:relative;background:rgb(238,238,238);border-radius:10px;height:50px;margin:5px 3px;padding:0!important}

.item-MH:after{display:none;margin:0;padding:0}

.item-MH:before{display:none;margin:0;padding:0}

.ImageContainer{width:50px;height:50px}

.ImageContainer img{width:50px;height:50px;border-radius:10px}

.Title_url{position:absolute;top:3px;margin:0 5px 0 0;color:#000;transition:200ms}

.titleurlnoimg{color:#000;transition:200ms}

.titleurlnoimg:hover,.Title_url:hover{color:#00f!important}

.nothing{background-color:#eee;border-radius:10px}</style>

<div id="sitemapbyMH"></div>

<script> 

             

   //var ShowImage = false;

var labels=[];

var grotitle = document.createElement("h1");

grotitle.style.textAlign="center";

grotitle.textContent="فهرس المدونة";

document.getElementById("sitemapbyMH").appendChild(grotitle);

function GetLabels(e) {

    for (let i = 0; i < e.feed.category.length; i++) {

        labels.push(e.feed.category[i].term);

        var titlemh = document.createElement("h8");

        

            titlemh.className="h8style";

        

        titlemh.innerHTML=e.feed.category[i].term;

        var listul = document.createElement("ul");

        listul.className="MH" + i;

        document.getElementById("sitemapbyMH").appendChild(titlemh);

        document.getElementById("sitemapbyMH").appendChild(listul);

    }

    var script =document.createElement("script")

    script.src="/feeds/posts/default/?start-index=1&max-results=150&orderby=published&alt=json-in-script&callback=GetSitemap";

    document.getElementById("sitemapbyMH").appendChild(script);

}

var num=0;

var goku = true;

function GetSitemap(e) {

    for (let i = 0; i < e.feed.entry.length; i++) {

        if (e.feed.entry[i].hasOwnProperty("category")){

        for (let r = 0; r < e.feed.entry[i].category.length; r++) {

            var label = e.feed.entry[i].category[r].term;

            var labelorder = labels.indexOf(label);

            var post = document.createElement("li");

            post.className="item-MH";

            var postorder = e.feed.entry[i].link.length - 1 ;

            if (ShowImage == true){

               var a = document.createElement("a");

               a.className="ImageContainer";

               var img = document.createElement("img");

               if (e.feed.entry[i].hasOwnProperty("media$thumbnail")){

                img.src=e.feed.entry[i]["media$thumbnail"].url;

               }else{

                   img.src="https://4.bp.blogspot.com/-O3EpVMWcoKw/WxY6-6I4--I/AAAAAAAAB2s/KzC0FqUQtkMdw7VzT6oOR_8vbZO6EJc-ACK4BGAYYCw/s72-c/nth.png";

               }

               

               a.href=e.feed.entry[i].link[postorder].href;

               a.target="_blank";

               a.appendChild(img);

               post.appendChild(a);

               post.innerHTML=post.innerHTML + "<a class=\"Title_url\" href=\""+ e.feed.entry[i].link[postorder].href +"\" target=\"_blank\">"+ e.feed.entry[i].link[postorder].title; + "</a>";

            }else{

                post.style.listStyle="circle";

                post.className="nothing"

                post.innerHTML=post.innerHTML + "<a class=\"titleurlnoimg\" href=\""+ e.feed.entry[i].link[postorder].href +"\" target=\"_blank\">"+ e.feed.entry[i].link[postorder].title; + "</a>";

            }

            

            document.getElementsByClassName("MH" + labelorder)[0].appendChild(post);

        }

    }

    }

var allposts = parseInt(e.feed["openSearch$totalResults"]["$t"]);

num+=150;

    if (allposts > num){

        var script =document.createElement("script")

        script.src="/feeds/posts/default/?start-index="+num+"&max-results=150&orderby=published&alt=json-in-script&callback=GetSitemap";

        document.getElementById("sitemapbyMH").appendChild(script);

    }

}

    var scripto =document.createElement("script")

    scripto.src="/feeds/posts/default/?start-index=1&max-results=150&orderby=published&alt=json-in-script&callback=GetLabels";

    document.getElementById("sitemapbyMH").appendChild(scripto);          

             

             </script> 

ثم قم بالحفظ و لا تنسى ايقاف التعليقات في الصفحة

وفي الختام !

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