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

أضافة صفحة الأرشيف الى قالب بلوجر الفهرس اضافات بلوجر

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

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

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

  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> 


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

وفي الختام !

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

معلومات عن الكاتب

HalaTeck
صاحب مدونة هلا تك التي تهتم بكل ما هو جديد على منصة بلوجر من أضافات و قوالب و شروحاتهم

إرسال تعليق

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

مواضيــع مهمــة

أنضم لمدونة هلا تك
تم النسخ