إضافة صفحة فهرس بلوجر حسب التسميات

Sitemap html blogger إضافة صفحة فهرس بلوجر حسب التسميات بتصميم ممتاز بمميزات خرافية ومتناسقة مع جميع الأجهزة حيت نقدم لك طريقة إضافة صفحة فهرس بلوجر حسب التسميات


سلام عليكم ورحمة الله وبركاته
 وبعد
 اليوم و في هدا المقال أقدم لك إضافة مهمة جدا لمدونات بلوجر blogger وهي صفحة الفهرس sitemap تعتبر صفحة الفهرس sitemap من أهم الصفحات التي يجب أن تتوفر في مدونتك حيت تعرض جميع تدوينات بطريقة مرتبة حيت يمكن لكل  الزوار تصفح مقالات من صفحة واحدة

حيت ساقدم لك شرح كيفية إضافة صفحة بلوجر مع كود  (blogger sitemap html css) متناسق مع جميع الأجهزة و ترتيب مقالات حسب التسميات



طريقة إضافة صفحة فهرس بلوجر


 طريقة سهلة جدا لإضافة المهم تتبع معي

  1.  ندخل إلى منصة بلوجر
  2.  ثم نضغط على الصفحات
  3.  ننشئ صفحة جديدة
  4.  نقوم بتسمية الصفحة ب sitemap بالإنجليزية
  5.  نضغط على نشر
  6. تم نقوم بإعادة تحريرها
  7.  نضغط على تحرير html
  8.  ونلصق الكود التالي داخله
  9.  نضغط على تحديث


كود صفحة فهرس بلوجر sitemap blogger html


<div dir="rtl" style="text-align: right;" trbidi="on">
<style type="text/css">
    .post-archive {
        width: 100%;
        padding: 20px 0;

    }
   
    .post-archive h4 {
        border-bottom: 2px solid #E3E3E3;
        color: #333333;
        font-size: 20px;
        margin: 0 0 10px 2px;
        padding: 0 0 10px;
        font-weight: 700;
    }
   
    .ct-columns {
        -moz-column-count: 3;
        -moz-column-gap: 20px;
        -moz-column-rule: none;
        -webkit-column-count: 3;
        -webkit-column-gap: 20px;
        -webkit-column-rule: none;
        column-count: 3;
        column-gap: 20px;
        column-rule: none;
    }
   
    .ct-columns p {
        padding: 5px 0px;
        -moz-column-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid;
        display: inline-block;
        width: 100%;
    }
   
    .ct-columns p a {
        background: #242424;
        color: #fff;
        display: block;
        border: 2px solid #000;
        font-size: 14px;
        line-height: normal;
        border-radius: 5px;
        padding: 10px 15px;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
   
    .ct-columns p a:hover {
        background: #fff;
        color: #000;
        text-decoration: none;
    }
   
    .ct-columns p a span {
        color: rgb(255, 0, 0);
    }
   
    @media screen and (max-width: 768px) {
        .ct-columns {
            -moz-column-count: 2;
            -moz-column-gap: 10px;
            -moz-column-rule: none;
            -webkit-column-count: 2;
            -webkit-column-gap: 10px;
            -webkit-column-rule: none;
            column-count: 2;
            column-gap: 10px;
            column-rule: none;
        }
    }
   
    @media screen and (max-width: 550px) {
        .ct-columns {
            -moz-column-count: 1;
            -moz-column-gap: 0px;
            -moz-column-rule: none;
            -webkit-column-count: 1;
            -webkit-column-gap: 0px;
            -webkit-column-rule: none;
            column-count: 1;
            column-gap: 0px;
            column-rule: none;
        }
    }
</style>
<script type="text/javascript">

var postTitle = new Array();
var postUrl = new Array();
var postPublished = new Array();
var postDate = new Array();
var postLabels = new Array();
var postRecent = new Array();
var sortBy = "titleasc";
var numberfeed = 0;

function bloggersitemap(a) {
    function b() {
        if ("entry" in a.feed) {
            var d = a.feed.entry.length;
            numberfeed = d;
            ii = 0;
            for (var h = 0; h < d; h++) {
                var n = a.feed.entry[h];
                var e = n.title.$t;
                var m = n.published.$t.substring(0, 10);
                var j;
                for (var g = 0; g < n.link.length; g++) {
                    if (n.link[g].rel == "alternate") {
                        j = n.link[g].href;
                        break
                    }
                }
                var o = "";
                for (var g = 0; g < n.link.length; g++) {
                    if (n.link[g].rel == "enclosure") {
                        o = n.link[g].href;
                        break
                    }
                }
                var c = "";
                if ("category" in n) {
                    for (var g = 0; g < n.category.length; g++) {
                        c = n.category[g].term;
                        var f = c.lastIndexOf(";");
                        if (f != -1) {
                            c = c.substring(0, f)
                        }
                        postLabels[ii] = c;
                        postTitle[ii] = e;
                        postDate[ii] = m;
                        postUrl[ii] = j;
                        postPublished[ii] = o;
                        if (h < 10) {
                            postRecent[ii] = true
                        } else {
                            postRecent[ii] = false
                        }
                        ii = ii + 1
                    }
                }
            }
        }
    }
    b();
    sortBy = "titledesc";
    sortPosts(sortBy);
    sortlabel();
    displayToc();
}

function sortPosts(d) {
    function c(e, g) {
        var f = postTitle[e];
        postTitle[e] = postTitle[g];
        postTitle[g] = f;
        var f = postDate[e];
        postDate[e] = postDate[g];
        postDate[g] = f;
        var f = postUrl[e];
        postUrl[e] = postUrl[g];
        postUrl[g] = f;
        var f = postLabels[e];
        postLabels[e] = postLabels[g];
        postLabels[g] = f;
        var f = postPublished[e];
        postPublished[e] = postPublished[g];
        postPublished[g] = f;
        var f = postRecent[e];
        postRecent[e] = postRecent[g];
        postRecent[g] = f
    }
    for (var b = 0; b < postTitle.length - 1; b++) {
        for (var a = b + 1; a < postTitle.length; a++) {
            if (d == "titleasc") {
                if (postTitle[b] > postTitle[a]) {
                    c(b, a)
                }
            }
            if (d == "titledesc") {
                if (postTitle[b] < postTitle[a]) {
                    c(b, a)
                }
            }
            if (d == "dateoldest") {
                if (postDate[b] > postDate[a]) {
                    c(b, a)
                }
            }
            if (d == "datenewest") {
                if (postDate[b] < postDate[a]) {
                    c(b, a)
                }
            }
            if (d == "orderlabel") {
                if (postLabels[b] > postLabels[a]) {
                    c(b, a)
                }
            }
        }
    }
}

function sortlabel() {
    sortBy = "orderlabel";
    sortPosts(sortBy);
    var a = 0;
    var b = 0;
    while (b < postTitle.length) {
        temp1 = postLabels[b];
        firsti = a;
        do {
            a = a + 1
        } while (postLabels[a] == temp1);
        b = a;
        sortPosts2(firsti, a);
        if (b > postTitle.length) {
            break
        }
    }
}

function sortPosts2(d, c) {
    function e(f, h) {
        var g = postTitle[f];
        postTitle[f] = postTitle[h];
        postTitle[h] = g;
        var g = postDate[f];
        postDate[f] = postDate[h];
        postDate[h] = g;
        var g = postUrl[f];
        postUrl[f] = postUrl[h];
        postUrl[h] = g;
        var g = postLabels[f];
        postLabels[f] = postLabels[h];
        postLabels[h] = g;
        var g = postPublished[f];
        postPublished[f] = postPublished[h];
        postPublished[h] = g;
        var g = postRecent[f];
        postRecent[f] = postRecent[h];
        postRecent[h] = g
    }
    for (var b = d; b < c - 1; b++) {
        for (var a = b + 1; a < c; a++) {
            if (postTitle[b] > postTitle[a]) {
                e(b, a)
            }
        }
    }
}



function displayToc() {
    var a = 0;
    var b = 0;
    while (b < postTitle.length) {
        temp1 = postLabels[b];
        document.write("");
        document.write('<div class="post-archive"><h4>
' + temp1 + '</h4>
<div class="ct-columns">
');
        firsti = a;
        do {
            document.write("<p>
");
            document.write('<a " href="' + postUrl[a] + '">' + postTitle[a] + "");
            if (postRecent[a] == true) {
                document.write(' - <strong><span>جديد!</span></strong>')
            }
            document.write("</a></p>
");
            a = a + 1
        } while (postLabels[a] == temp1);
        b = a;
        document.write("</div>
</div>
");
        sortPosts2(firsti, a);
        if (b > postTitle.length) {
            break
        }
    }
}

</script>

<script src="https://mdwab.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>
</div>

غير رابط مدونتي محدد بأحمر برابط مدونتك

معاينة إضافة صفحة فهرس بلوجر

Sitemap html blogger إضافة صفحة فهرس بلوجر حسب التسميات بتصميم ممتاز بمميزات خرافية ومتناسقة مع جميع الأجهزة حيت نقدم لك طريقة إضافة صفحة فهرس بلوجر حسب التسميات



 وأخير مبروك عليك إضافة ونتمني ان تعطينا رأيك في تعليقات أسفله و شارك مقال مع أصدقائك
محمد نجيري (mnajiri@) مشرف على مدونة ماتريال ويب تحت الرابط التالي :https://mdwab.blogspot.com/ مند 2018 و أدعوك لمتابعتي عبر حسابي على أنستغرام
رسائل أحدث رسائل أحدث رسائل أقدم رسائل أقدم

المنشورات ذات الصلة

3 تعليقات

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق

● أن يكون التعليق خاص بمحتوى التدوينة
● أن لا تضع أي روابط خارجية
● أي سؤال خارج محتوى التدوينة يرجى تواصل معنا
● يمكنك تعليق بإستخدام صور ✋👇

انضم إلى Blum الآن!

هل تبحث عن منصة تداول سهلة وآمنة للعملات الرقمية؟ Blum هي خيارك المثالي! استمتع بتجربة تداول سلسة وابدأ في كسب المكافآت من خلال المشاركة في الألعاب والمهام داخل المنصة.

مزيد من المعلومات

لا تفوت الفرصة، انضم اليوم وابدأ في استكشاف عالم العملات الرقمية مع Blum!

انضم الآن